获取标签
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>element对象二</title> </head> <body> <ul id="ulid1"> <li>果子你要坚强</li> <li>一天不能完成的事</li> <li>就熬夜赶进度</li> <li>熬过这一年半好日子就会来临</li> </ul> <script type="text/javascript"> //获取到ul下面的所有字标签(子元素) //获取ul标签 var ulid1 = document.getElementById("ulid1"); //获取ul下面的子标签,childNodes返回的是一个NodeList数组,这个属性的兼容性很差,会将空格当做子标签 var lis = ulid1.childNodes; alert(lis.length); //在Element对象的范围内,可以用来查找其他节点的唯一有效方法就是getElementsByTagName()方法.而该方法返回的是一个集合 var li1 = ulid1.getElementsByTagName("li"); alert(li1.length); </script> </body> </html>
使用childNodes返回的子标签长度
使用getElementsByTagName返回的子标签长度,是唯一的
