html中的父div通过按钮控制显示后（block），子div的内容不显示，这是什么情况？
父div一开始设置的是display:none;后来在按钮上绑了个onclick()事件，修改了父div的display为block，按理说，他的子div也应该同时显示，...
父div一开始设置的是display:none; 后来在按钮上绑了个onclick()事件，修改了父div的display为block，按理说，他的子div也应该同时显示，但却没有，这是什么问题？？？
js:
function show_div()
{
document.getElementById("div_edit_module").style.display="block";
}
css:
#div_edit_module{
width:613px;
height:432px;
background-image:url(images/edit_module_BG.gif);
top:15%;
left:25%;
position:absolute;
cursor:help;
display:none;
}
#div_moduleName{
width:530px;
height:40px;
margin-top:20px;
margin-left:40px;
display:inherit;
}
html:
<div id="div_edit_module">
<div id="div_moduleName">
</div>
</div>
更加令人疑惑的是，我自己重新写了一个页面，基本结构跟这一样，但是它就能正确的显示和隐藏，这个就不行 _(:3」∠)_ 展开
js:
function show_div()
{
document.getElementById("div_edit_module").style.display="block";
}
css:
#div_edit_module{
width:613px;
height:432px;
background-image:url(images/edit_module_BG.gif);
top:15%;
left:25%;
position:absolute;
cursor:help;
display:none;
}
#div_moduleName{
width:530px;
height:40px;
margin-top:20px;
margin-left:40px;
display:inherit;
}
html:
<div id="div_edit_module">
<div id="div_moduleName">
</div>
</div>
更加令人疑惑的是，我自己重新写了一个页面，基本结构跟这一样，但是它就能正确的显示和隐藏，这个就不行 _(:3」∠)_ 展开
3个回答
展开全部
这是我用你代码测试啦滴。没有问题呀~点击后父元素和子元素内容都出来啦
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>test</title>
<script type="text/javascript">
function show_div() {
document.getElementById("div_edit_module").style.display = "block";
}
</script>
<style type="text/css">
#div_edit_module{
width:613px;
height:432px;
background-image:url(images/edit_module_BG.gif);
top:15%;
left:25%;
position:absolute;
cursor:help;
display:none;
}
#div_moduleName{
width:530px;
height:40px;
margin-top:20px;
margin-left:40px;
display:inherit;
}
</style>
</head>
<body>
<input type="button" onclick="show_div()" value="点击查看" />
<div id="div_edit_module">
父元素
<div id="div_moduleName">
子元素
</div>
</div>
</body>
</html>
追问
我自己也用这些测试过，也是没问题的啊，但是我的实际的页面中不知道为啥就是不行。 我页面的实际情况是，有一个主页面，里面有正常显示的内容，然后点击页面中的一个按钮弹出一个对话框，也就是我这个父div，里面包含了一些文本框和按钮什么的。不知道是不是和这个有什么关系
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
#div_moduleName{
width:530px;
height:40px;
margin-top:20px;
margin-left:40px;
display:inherit;
}
楼主把display:inherit;去掉后在试一试
width:530px;
height:40px;
margin-top:20px;
margin-left:40px;
display:inherit;
}
楼主把display:inherit;去掉后在试一试
追问
这个去掉了也没有用，还是没办法显示
追答
你的代码我测试可以正常显示啊。是不是你代码你少发了哈
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
发出来代码看看
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
