附加到 InnerHtml，无需轻拂其余内容

Question

我有一个带有一些格式化图像的 div 元素。根据用户请求，我异步加载其他图像，无需回发，并使用 JavaScript 将结果（新图像的格式化 HTML）附加到 div 元素：

function onRequestComplete(result) {
        var images = document.getElementById('images');
        images.InnerHtml += result;
    }

一切都很好，除了附加 HTML 后面板中之前加载的图像闪烁的部分。据我了解，面板被重建，而不仅仅是新的 HTML 附加到其底部。所以这不是 Web 2.0 行为。

怎样才能做到不抖不抖呢？提前致谢。

Answer 1

使用 dom 方法添加它们：

var div = document.createElement('div');
div.innerHTML= result;
document.getElementById('images').appendChild(div);

或者，如果您确实想以正确的方式执行此操作，请为每个图像创建一个 dom 元素，然后附加它们。这还有预加载图像的好处。

或者只使用 jQuery。;)