使用替换子项时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。

希望这可以帮助。