js如何获取某元素内节点的个数

js如何获取某元素内节点的个数,第1张

(1)如获得id为test标签子元素个数

documentgetElementById("test")ChildNodeslength

documentgetElementById('test')childrenlength

(2)上面两种方法皆可来获得子元素的个数,但是要注意各个浏览器的差异性,也得斟酌下差异性

这个要用到JS中的innerHTML来实现,具体代码如下:

<style>

ul{width:300px; height:auto; margin:0 auto; border:1px dotted #F00; text-decoration:none;}//给UL定义一个样式

li{width:300px; height:30px; line-height:30px; list-style: none; }//控制LI显示样式

</style>

<ul id="aaa">//这里给出UL一个ID,以便JS脚本获取相应元素

<li>中国</li>

<li>美工</li>

<li>意大利</li>

<li>德国</li>

</ul>

<script>

windowonload = function(){

var obj_lis = documentgetElementById("aaa")getElementsByTagName("li");

for(i=0;i<obj_lislength;i++){

obj_lis[i]onclick = function(){

alert(thisinnerHTML);

}

}

}

</script>。

以上就是关于js如何获取某元素内节点的个数全部的内容,包括:js如何获取某元素内节点的个数、js获取<li>的子节点<a>里的title、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9717403.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存