树形结构指的是数据元素之间存在着“一对多”的树形关系的数据结构。在树形结构中,树根结点没有前驱结点,其余每个结点有且只有一个前驱结点。叶子结点没有后续结点,其余每个结点的后续节点数可以是一个也可以是多个。
如果是jQuery就很好做:
var arr=$('#total')children('firstChild');//获取类firstChild的三个节点然后遍历,获取子节点:
var list=[];//存放子节点
for(var i=0,len=arrlength;i<len;i++){
var ele=$(arr[i])children();
if(ele) listpush(ele);//我习惯判断一下ele是否有值,如果没有子节点的话:ele=undefined
}
这个要用到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如何获取第一后代的div、js获取<li>的子节点<a>里的title等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)