如何优化JS隐藏页面图片功能

Question

我用js简单的做了个隐藏页面图片的功能 
代码：
function Tuijian()
{
 document.getElementById("a").style.display="block";
 document.getElementById("b").style.display="none";
 document.getElementById("c").style.display="none";
}但我发现在页面加载时，隐藏的两个图片会先显示出来一下，然后才会实现隐藏功能，我想问下怎么样解决这样的问题，感谢。

Answer 1

用CSS直接隐藏，因为楼主可能是在onload事件里调用的该函数，因此，DOM文档在全部加载完毕后才会执行该函数，这样，也就理所当然的会出现图片先显示，然后才隐藏的情况。。解决的办法就如1楼所说，在CSS文件中设置display:none;

Answer 2

<div id="a" style="display:block">这是层a的内容</div>
<div id="b" style="display:none">这是层b的内容</div>
<div id="c" style="display:none">这是层c的内容</div>