使用替換子項時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。

希望這可以幫助。