[英]Javascript style.display not working and is overwritten by css?
[英]javascript style.display not working
任何人都可以告诉我为什么即使通过fireBug调试脚本正确找到了适当的元素,style.display也不更新ul的属性,而ul的属性仍然设置为none?
<html>
<div id="nav">
<ul>
<li><a href="" onmouseover="show()">Studio</a>
</li>
</ul>
</div>
<div id="subnav1">
<ul style="display: none">
<li><a href="">normally hidden</a>
</li>
</ul>
</div>
<script type="text/javascript" src="jquery-1.4.3.min.js"></script>
<script type="text/javascript">
function show()
{
var subNav1 = document.getElementById("subnav1");
var ull = subNav1.getElementsByTagName("ul");
for (var i = 0, ii = ull.length; i < ii; i++)
{
if(ull[i].style.display == "visible")
{
ull[i].style.display = "none";
}
else
{
ull[i].style.display = "visible";
}
}
};
</script>
</html>
“ visible”不是有效的CSS显示值。 我认为您正在寻找“障碍”
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.