浏览器 JavaScript Internet Explorer 广告
把这句封装到function中试试
document.getElementById('div1').style.display='none';
try:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">.div{ width:1000px; height:600px; border:1px solid blue;}.div1{ width:150px; height:100px; background-color:silver; float:left; margin-left:10px;}#id1{ position:absolute; top:150px; left:120px;}.cs{ float:left; position:relative; width:200px; height:200px; background:pink;}</style></head><body><div class="div"> <div class="div1">div1</div> <div class="div1">div3</div> <div class="div1">div4</div> <div class="cs"><a href="javascript:(function(){document.getElementById('id1').style.display='none';})();">关闭</a> <div class="div1" id="id1">div2</div> </div> <div class="div1">div5</div></div></body></html>
关闭你这个写法是用到了href,,是链接跳转,,不是触发事件 ,,
关闭
应改为:关闭