取出UL 里面的全部li 我只写了这么多,大家帮我看下 怎么获取到ul里的全部li window.onload = function(){
var ul_text = document.getElementsByTagName("ul");
for(var i=0;i<ul_text.length;i++){
ul_text[i].onclick = function(){
var li_text = ul_text.getElementsByTagName("li");
alert(li_text);
}
}
}就差怎么获取到全部的li 元素了, 请不要使用jquery
var ul_text = document.getElementsByTagName("ul");
for(var i=0;i<ul_text.length;i++){
ul_text[i].onclick = function(){
var li_text = ul_text.getElementsByTagName("li");
alert(li_text);
}
}
}就差怎么获取到全部的li 元素了, 请不要使用jquery
<ul>
我是菜单1
<li>我是子菜单1</li>
<li>我是子菜单2</li>
</ul>
<ul>
我是菜单2
<li>我是菜单1</li>
<li>我是菜单2</li>
</ul>
var li_text = this.getElementsByTagName("li");
alert(li_text.length);//个数
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title> </title> <script>
window.onload=function(){
var ret=[];
var ul=document.getElementsByTagName("ul");
for(var i=0;i<ul.length;i++){
var li=ul[i].getElementsByTagName("li");
for(var j=0;j<li.length;j++){
ret[ret.length]=li[j].innerText;
}
}
alert(ret)
}
</script>
</head>
<body>
<ul>
我是菜单1
<li>我是子菜单1 </li>
<li>我是子菜单2 </li>
</ul>
<ul>
我是菜单2
<li>我是菜单1 </li>
<li>我是菜单2 </li>
</ul>
</body>
</html>
<script language="javascript" type="text/javascript">window.onload=function(){
var ul_text = document.getElementsByTagName("ul");
for(var i=0;i <ul_text.length;i++){
ul_text[i].onclick = (function(obj){
return function(){
var li_text = obj.getElementsByTagName("li");
for(var i=0;i<li_text.length;i++) alert(li_text[i].innerHTML);
}
})(ul_text[i]);
}
}
</script>
</head>
<ul>
我是菜单1
<li>我是子菜单1 </li>
<li>我是子菜单2 </li>
</ul>
<ul>
我是菜单2
<li>我是菜单1 </li>
<li>我是菜单2 </li>
</ul>