Question

用javascript设DIVstyle.display=none,网页整个变空白

<div id="div1" style="height:100px; width:100px; background:#0C0; float:left""></div>
<div id="div2" style="height:100px; width:200px; background:black;">
<a style="color:white; font-size:15px;"href="javascript:document.getElementById('div1').style.display='none';">close</a>
</div>
如上代码：DIV1,DIV2,DIV2里面有个a，我想让他点击的时候ID为div1的DIV display=none,这样点了之后整个页面只有none四个字，div0也消失了。，
如图没点击是这样的：

点击之后：

IE和谷歌都这样～
如果改成这样<a style="color:white; font-size:15px;"href="javascript:document.getElementById('div1').style.display='none';a">close</a>none后面加个一个a或者一个alert之后，就正常了，div1消失了。样式成功设为了none,DIV2不变。这是什么原因呢？怎么让他去掉那个alert或字母之后也正常呢？
新手求助。高手告诉一下。谢谢。
解决了～我改成了：
<a onclick="javascript:document.getElementById('div1').style.display='none';" style="color:white; font-size:15px;" href="javascript:"">close</a>





Answer 1

<a style="color:white; font-size:15px;" href="###" onclick="test()">close2</a>
<script>
function test() {
document.getElementById('div1').style.display = 'none';
}
</script>