隐藏ul出问题


function onClickul(target) {
            var ul = document.getElementById(target).getElementsByTagName('ul');            
            for (var i = 0; i < ul.length; i++) {
                if (ul[i].style.diplay != "none") {
                    ul[i].style.diplay = "none";
                }
                else {
                    ul[i].style.diplay = "";
                }
            }
        }
观察结果是ul[i].style.diplay的值都成功的变成none了，可是在页面上就是不隐藏。什么情况？

解决方案 »

  1.   

    ul[i] 是 页面上 不隐藏的ul 吗
      

  2.   

    <!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=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript">
    function onClickul(target) {
    var uls=document.getElementById(target).getElementsByTagName('ul');
    for(var i=0;i<uls.length;i++){
    if(uls[i].style.display!='none'){
    uls[i].style.display='none';
    }else{
    uls[i].style.display='';
    }
    }
    }
    </script>
    </head>
    <body>
    <div id="te">
    <ul>
    <li>1</li>
    <li>2</li>
    </ul>
    </div>
    <input type="button" onclick="onClickul('te')">
    </body>
    </html>
      

  3.   

    你的diplay  拼写错了吧。js应该报错。