javascript的风格.显示器不工作

javascript style.display not working

本文关键字:工作 显示器 风格 javascript      更新时间:2023-09-26

任何人都可以告诉我为什么即使通过调试fireBug脚本正确地找到适当的元素,样式。显示不更新属性的ul仍然设置为无?

<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显示值。我想你要找的是"block"