获得子节点

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>js练习-获得子节点</title> <style type="text/css"> </style> </head> <body> <span>获得子节点</span> <hr> <p id="ptime"></p> <ul name="ul"> <li>aaa</li> <li>aaa</li> <li>aaa</li> <li>aaa</li> </ul> <button onclick="getnode()">按钮</button> <script type="text/javascript"> function getnode(){ var aul = document.getElementsByTagName("ul")[0]; var lis = aul.childNodes; alert(lis.length+':含空节点');//当前获得的子节点包括空白节点。 var lis2=[];//创建一个空数组 for (var i=0;i<lis.length;i++){ //nodeType：节点类型，1是元素节点，2属性节点，3文本节点……共12个 if (lis[i].nodeType != 1){ continue; }else{ lis2.push(lis[i]); } } alert(lis2.length+':不含空节点'); //已经过滤掉空节点的数组 } </script> </body>