javascript如何获得子元素的个数

Question

如：
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
怎么样获得ul标签中li标签的个数

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

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

<script type="text/javascript">
function getCount() {
var count = document.getElementById("myul").getElementsByTagName("li").length;
alert(count);
}
</script>本回答被网友采纳

Answer 5

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