使用replace child时，html div内容的闪烁显示

Question

我有一个div，里面有一些图片和文本，它的长度可变。我从服务器加载它的内容，并使用javascript函数（replaceChild）来更改此内容。一切（关于功能和性能）都还可以，但它总是闪烁？我该如何解决？

html

<div class="container">
    <div class="main">
        <!-- some text and img tag in HERE -->
    </div>
</div>

javascipt

container.element.replaceChild(main.element, old_main.element);

Answer 1

我认为这是基于您所做的预期行为。

你可以尝试使用：

纯Javascript：

document.getElementById("main").appendChild(newContent);

jQuery:

$("#main").append(newContent);

newContent可以是HTML，它假设它有一个id。

希望这能有所帮助。