javascript – 如何遍历某些特定的子节点

发布时间：2020-12-14 23:01:57 所属栏目：资源来源：网络整理

导读：我有这个DOM树：如何循环遍历li本身和script元素之间的上述li元素的子元素,即脚本和span元素不在循环中谢谢你的推荐!! 注意：我不想使用JQuery,因为我的应用程序正在使用Protoype,如果我同时使用它们,它将与JQuery冲突,如果有使用Prototype的快速解决方案,

我有这个DOM树：


如何循环遍历li本身和script元素之间的上述li元素的子元素,即脚本和span元素不在循环中…
谢谢你的推荐!!
注意：我不想使用JQuery,因为我的应用程序正在使用Protoype,如果我同时使用它们,它将与JQuery冲突,如果有使用Prototype的快速解决方案,我会很感激.


最佳答案
会不会像这样适合你呢？

var child = liElement.firstChild;
while(child){
    if(child.nodeName.toLowerCase() == 'script'){
        break
    }
    //do your stuff here
    child = child.nextSibling;
}

请注意,如果示例中的“数据”是字符串,则这些将作为textNodes的实例存在于子层次结构中.如果你需要对这些东西进行特殊处理,你会想要做一个检查,如

switch(child.nodeType){
case 3:
   //text Node
   break;
case 1:
   //Element node
   break;
default:
    //break;
}

查看
https://developer.mozilla.org/en/nodeType更多节点类型
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!