使用替换子项时HTML div内容的闪烁显示

Question

I have a div with some picture and text, it has variable length. I load its content from server and using javascript function (replaceChild) to change this content. Everything (about functionality and performance) is ok but it always flashes? How do i resolve it?

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

I think it's the expected behaviour, based on what you have done.

You could try to use:

Plain Javascript:

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

jQuery:

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

newContent can be HTML and it assumes it has an id.

Hope this helps.