<!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=utf-8" /><title>无标题文档</title><style>ol{display:none;}</style><script>window.onload=function(){ var lis=document.getElementById('sidelist').getElementsByTagName("li"); ulis=[]; for(var i=0; i<lis.length;i++){ if(lis[i].parentNode.nodeName=="UL"){ ulis.push(lis[i]); } } for(var j=0;j<ulis.length;j++) { var olis=ulis[j].getElementsByTagName('ol'); if(olis.length>0){ ulis[j].onclick=function(){ for(var k=0;k<ulis.length;k++){ var olis=ulis[k].getElementsByTagName('ol'); if(olis.length>0){ ulis[k].getElementsByTagName('ol')[0].style.display='none'; } } this.getElementsByTagName('ol')[0].style.display='block';//这里把this写成ulis[j]，为什么是未定义的 } } } }</script></head><body><ul id="sidelist"> <li><a href="javascript:;">1-1</a> <ol> <li>1-2</li> <li>1-3</li> <li>1-4</li> </ol> </li> <li><a href="#">2-1</a></li> <li><a href="javascript:;">3-1</a> <ol> <li>1-2-2</li> <li>1-3-2</li> <li>1-4-2</li> </ol> </li> <li><a href="#">4-1</a></li> <li><a href="#">5-1</a></li> </ul></body></html>
添加回答
举报
0/150
提交
取消