list1.style.display = "block";对象不支持此属性或方法

<html>
<head><title>无标题文档</title><script language="javascript" >
<!--
function b1_onclick(){
if(b1.innerText=="+"){
list1.style.display = "block";
b1.innerText="-";
}else{
list1.style.display = "none";
b1.innerText="+";
}
}
//-->
</script>
</head><body >
<span id=b1 onclick="b1_onclick()">-<span>list1<br>
<ul id=list1 >
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
</ul>
<br>
list2
</body>
</html>

解决方案 »

  1.   

    b1.innerText
    document.getElementById("b1").innerText
      

  2.   

    我看到了是<span id=b1 onclick="b1_onclick()">-<span>list1<br>
    错了，换成<span id=b1 onclick="b1_onclick()">-</span>
    是我二了
      

  3.   

    list1.style.display = "block";
    document.getElementById("list1")
      

  4.   


    <html>
    <head>
    <title>无标题文档</title>
    <script type="text/javascript">
    <!--
    function b1_onclick(){
        if(document.getElementById("b1").innerText=="+"){
            document.getElementById("list1").style.display = "block";
            document.getElementById("b1").innerText = "-";
        }else{
            document.getElementById("list1").style.display = "none";
            document.getElementById("b1").innerText = "+";
        }
    }
    //-->
    </script>
    </head>
    <body>
        <span id=b1 onclick="b1_onclick()">-</span>list1<br />
        <ul id=list1 >
            <li>aaa</li>
            <li>bbb</li>
            <li>ccc</li>
        </ul>
        <br />
        list2
    </body>
    </html>