获取DOM节点前/后的兄弟节点和子集节点

最新推荐文章于 2023-12-11 10:31:10 发布

原创最新推荐文章于 2023-12-11 10:31:10 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #dom #js #html5 #jquery

JavaScript 同时被 3 个专栏收录

30 篇文章

订阅专栏

17 篇文章

订阅专栏

dom

8 篇文章

订阅专栏

本文介绍了如何使用JavaScript进行DOM操作，包括获取指定ID的节点、获取相邻兄弟节点及子节点的方法。通过具体实例展示了如何利用nextElementSibling、previousElementSibling和getElementsByTagName等方法实现这些操作。

Element.nextElementSibling //返回当前元素节点的下一个兄弟HTML元素节点

Element.previousElementSibling //返回当前元素节点的前一个兄弟HTML节点

Element.getElementsByTagName("li"))//返回当前元素节点的子集HTML节点

var jiedian01=document.getElementById("aoli");//获取一个指定id为aoli的接点
var jiedian00=jiedian01.previousElementSibling;//获取一个指定id为aoli的上一个兄弟接点
var jiedian02=jiedian01.nextElementSibling;//获取一个指定id为aoli的下一个兄弟接点
console.log(jiedian01);
console.log(jiedian00);
console.log(jiedian02);
console.log(jiedian02.getElementsByTagName("li"));//获取一个指定jiedian02接点的子集接点li标签