使用替换子时闪烁显示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。

希望这有帮助。