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

javascript– 如何遍历某些特定的子节点,第1张

概述我有这个DOM树:<li> data .... <br> data ... <img ... /> <br> <script> ... </script> <span> data ... </span> </li> 如何循环遍

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

以上是内存溢出为你收集整理的javascript – 如何遍历某些特定的子节点全部内容,希望文章能够帮你解决javascript – 如何遍历某些特定的子节点所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

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

原文地址: http://outofmemory.cn/web/1123445.html

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

发表评论

登录后才能评论

评论列表(0条)