javascript如何获得子元素的个数

javascript如何获得子元素的个数

为ul标签命名，比如：id="myul"，以下是js代码取得该ul标签中li标签的个数

引用xpy0928的回答：
　　（1）如获得id为test标签子元素的个数：
　　document.getElementById("test").ChildNodes.length
　　document.getElementById('test').children.length
　　（2）上面两种方法皆可来获得子元素的个数，但是要注意各个浏览器的差异性，也得斟酌下差异性var div = document.querySelector("div");
alert(div.childElementCount);

var oLi=document.getElementsByTagName("li").length;

document.getElementsByTagName("li").length;

页面元素直接获取过来就是数组形式的，getElementsByName('li');,页面所有元素都是这样，有唯一的获取的是唯一，getElementById(),这样就是唯一的，如果有个多个ID一样的获取的是第一个，通过name这类的这样获取的就是数组，

javascript中获得元素个数用的函数是length属性，也就是在获取的dom元素的时候返回dom的个数。比如document.getElementsByTagName('div').length;这样就获得了div的个数，那么，要获得子元素的个数，同样的用哪个length就可以完成，只不过，需要指定父元素，比如：var father=document.getElementById('divid');从father中获得子元素个数：father.getElementsByTagName('a').length;这样就能获取到father中a元素的个数了。

var childNum = document.getElementById('parent').children.length;
children属性能获得所有的子元素节点
var childNum = document.getElementById('parent').childNodes.length;
childNodes属性获得包含文本节点的子节点，但是firefox和ie不一样
firefox会获得空节点
楼主给分吧

1
2
3

（1）如获得id为test标签子元素的个数：
　　document.getElementById("test").ChildNodes.length
　　document.getElementById('test').children.length
　　（2）上面两种方法皆可来获得子元素的个数，但是要注意各个浏览器的差异性，也得斟酌下差异性