关于列表的问题高手来看一看

<HTML> 
<HEAD> 
<TITLE> 
变成链接效果的东西 
</TITLE> 
<STYLE> 
.listp{ 
list-style-type :square ; 
} 
</STYLE> <SCRIPT> 
function hideneds(targetid){ 
var list2=document.getElementById("list2");if(list2.style.display=="")
  list2.style.display="none";
else
  list2.style.display="";
} 
</SCRIPT> 
</HEAD> 
<BODY> 
<FORM name = "first" ACTION="" METHOD=""> 
<Ul name = "list1" class = "listp"> 
<LI> <A HREF="#" Onclick = "hideneds()";> 三大注意 </A> </LI> 
<OL id="list2"> 
<LI> 好好学习 </LI> 
<LI> 天天向上 </LI> 
<LI> 不准逃课 </LI> 
</OL> 
<LI> 我们都是并列的 </LI> 
<LI> 我这个也是并列的 </LI> 
</Ul> 
</FORM> 
</BODY> 
</HTML> 

解决方案 »

  1.   

    注意，js 控制的大多是ID(除了表单之外),所以那个不应该是name="list2",应该是id="list2"
    <HTML> 
    <HEAD> 
    <TITLE> 
    变成链接效果的东西 
    </TITLE> 
    <STYLE> 
    .listp{ 
    list-style-type :square ; 
    } 
    </STYLE> <SCRIPT> 
    function hideneds(targetid){ 
    var list2=document.getElementById(targetid);if(list2.style.display=="")
      list2.style.display="none";
    else
      list2.style.display="";
    } 
    </SCRIPT> 
    </HEAD> 
    <BODY> 
    <FORM name = "first" ACTION="" METHOD=""> 
    <Ul id = "list1" class = "listp"> 
    <LI> <A HREF="#" Onclick = "hideneds('list2')";> 三大注意 </A> </LI> 
    <OL id="list2"> 
    <LI> 好好学习 </LI> 
    <LI> 天天向上 </LI> 
    <LI> 不准逃课 </LI> 
    </OL> 
    <LI> 我们都是并列的 </LI> 
    <LI> 我这个也是并列的 </LI> 
    </Ul> 
    </FORM> 
    </BODY> 
    </HTML>