javascript节点遍历方法总结

如题所示：

<body><div><ul><li></li><li></li><li></li><li></li><li></li></ul></div><script>var div =document.getElementsByTagName("div")[0];//console.log(div.childNodes);子节点 包含元素，换行，注释//console.log(div.children);子元素 只获取标签//console.log(div.parentNode);父节点// console.log(div.parentElement);父元素//console.log(div.firstChild.firstChild);第一个子节点//console.log(div.firstElementChild);第一个子元素//console.log(div.lastChild);最后一个子节点//console.log(div.lastElementChild);最后一个子元素//console.log(div.previousSibling);上一个兄弟节点//console.log(div.previousElementSibling);上一个兄弟元素//console.log(div.nextSibling);下一个兄弟节点console.log(div.nextElementSibling);//除了用get方法获取标签外，还可以console.log(document.body.lastElementChild.previousElementSibling.lastElementChild.lastElementChild.lastChild);</script>
</body>

运行结果：

有任何问题，欢迎指教！！

javascript节点遍历方法总结相关推荐

JavaScript 数组遍历方法的对比
前言 JavaScript 发展至今已经发展出多种数组的循环遍历的方法,不同的遍历方法运行起来那个比较快,不同循环方法使用在那些场景,下面将进行比较: 各种数组遍历的方法 for 语句代码: var ...
JS数组与对象的遍历方法大全
本文简单解析各种数组和对象属性的遍历方法: 原生for循环.for-in及forEach ES6 for-of方法遍历类数组集合 Object.key()返回键名的集合 jQuery的$.each() ...
php循环获取xml节点,PHP_PHP遍历XML文档所有节点的方法，本文实例讲述了PHP遍历XML文档 - phpStudy...
PHP遍历XML文档所有节点的方法本文实例讲述了PHP遍历XML文档所有节点的方法.分享给大家供大家参考.具体实现方法如下: 1. contact.xml代码: J J J Manager Nati ...
javascript同级遍历_有用的DOM遍历方法，你需要了解一下
英文 | https://levelup.gitconnected.com/useful-dom-traversal-methods-d2b55cf8e25c翻译 | web前端开发(ID:web_q ...
php移除所有子节点,Javascript removeChild()删除节点及删除子节点的方法_javascript技巧...
下面给大家介绍Javascript removeChild()删除节点的方法,具体详情如下所示: 在Javascript中,只提供了一种删除节点的方法:removeChild(). removeChi ...
遍历同辈节电的方法_JQuery遍历DOM节点的方法
本文实例讲述了JQuery遍历DOM节点的方法.分享给大家供大家参考.具体分析如下: 本节的核心是介绍JQuery的DOM操作,前面介绍了很多创建.删除.替换等等节点操作.这里介绍如何遍历节点,选中临 ...
遍历同辈节点的方法_jquery如何遍历节点
jquery如何遍历节点发布时间:2020-11-17 10:02:55 来源:亿速云阅读:68 作者:小新这篇文章给大家分享的是有关jquery如何遍历节点的内容.小编觉得挺实用的,因此分享给 ...
jquery遍历节点的方法
jquery遍历节点方法总结: 后代遍历 children()方法返回被选元素的所有直接子元素. find()方法返回被选元素的后代元素,一路向下直到最后一个后代. 祖先遍历 parent()方法返回 ...
JavaScript 数组遍历的五种方法（转）
转自:JavaScript 数组遍历的五种方法这篇文章主要介绍了JavaScript 数组遍历的五种方法,帮助大家更好的理解和学习使用JavaScript,感兴趣的朋友可以了解下在使用 JavaS ...

javascript节点遍历方法总结

如题所示：

运行结果：

javascript节点遍历方法总结相关推荐

最新文章

热门文章