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

前端之家收集整理的这篇文章主要介绍了javascript – 如何遍历某些特定的子节点前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有这个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更多节点类型

猜你在找的HTML相关文章