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

<divid="div1"style="height:100px;width:100px;background:#0C0;float:left""></div><divi... <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>
展开
 我来答
贪婪之子
2014-04-01 · TA获得超过157个赞
知道小有建树答主
回答量:130
采纳率:100%
帮助的人:60万
展开全部
<a style="color:white; font-size:15px;" href="###" onclick="test()">close2</a>
<script>
function test() {
document.getElementById('div1').style.display = 'none';
}
</script>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式