javascript - 附加到 InnerHtml 而不闪烁其余内容

我有一个带有一些格式化图像的 div 元素。根据用户请求，我在没有回发的情况下异步加载其他图像，并使用 JavaScript 将结果(新图像的格式化 HTML)附加到 div 元素:

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

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

不轻弹怎么办？提前致谢。

最佳答案

使用dom方法添加它们:

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

或者如果你真的想以正确的方式做到这一点，为每个图像创建一个 dom 元素，然后附加它们。这也有预加载图像的好处。

或者只使用 jQuery。 ;)

关于javascript - 附加到 InnerHtml 而不闪烁其余内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3039723/