使用javascript让某个div消失，即:display="none"，哪里写错了？
代码如下”<body><divid="background"><divid="product"><imgsrc="dangan.png"style="width:500p...
代码如下”
<body>
<div id="background" >
<div id="product"><img src="dangan.png" style="width:500px; height:500px;"></div>
<div id="close"><img src="close.png" width="50px" height="50px;" id="close" onclick="close()" ></div>
</div>
<script>
function close(){
document.getElementById("close").style.display="none";
document.getElementById("product").style.display="none";
document.getElementById("background").style.display="none";
}
</script>
</body>
效果应该是这样的:但是代码不知道哪里出错了，实现不了、 展开
<body>
<div id="background" >
<div id="product"><img src="dangan.png" style="width:500px; height:500px;"></div>
<div id="close"><img src="close.png" width="50px" height="50px;" id="close" onclick="close()" ></div>
</div>
<script>
function close(){
document.getElementById("close").style.display="none";
document.getElementById("product").style.display="none";
document.getElementById("background").style.display="none";
}
</script>
</body>
效果应该是这样的:但是代码不知道哪里出错了，实现不了、 展开
3个回答
展开全部
function close(){
document.getElementById("background").style.display="none";
}
吧最大的隐藏就ok了
在一个，id是close的有2个，这里会造成id冲突，某些浏览器执行到这里会停止
document.getElementById("background").style.display="none";
}
吧最大的隐藏就ok了
在一个，id是close的有2个，这里会造成id冲突，某些浏览器执行到这里会停止
追问
把img标签里面的id=close去掉了，已经修改为1个：
但是还是不起作用~
追答
function close(){
document.getElementById("background").style.display="none";
}
这样不行？
哪你把close方法名称换个
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Vue实践-CSS样式position/display/float属性对比使用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你看看浏览器报没报错误,你把第二个img里面的id换个别叫close试试
追问
已经修改为closee，但是 呵呵 还是不起作用 浏览器没有报错
追答
你在前面加上close();试试,你是不是没有调用这个close()方法
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
