DIVs with style.display none still showing up

on loading a page I have some javascript code which hides some layers

document.getElementById(layerName).style.display = "none";

Everything work开发者_Python百科s well, but in IE and in Opera these DIVs are showing up for the first few milliseconds while the page loads. After that, it's back to normal.

Is there a way around that?

Thanks!

---

If you run code when the page loads, it will not run until the page finishes loading.

Instead, you can put the code in a <script> block below the elements, without handling onload.

Or you just use CSS.

---

you could set display to false in you HTML code

---

Is there a way around that?

It's called CSS:

.layer {
display:'none';
}

This problem occurs because of the way the browser renders the page. CSS is first before Javascript. So always try to do things in CSS when possible.

---

place this script immediately below the div placed. you will almost clear the problem