节点操作之兄弟节点

简介: 节点操作之获取兄弟节点前面我们了解了如何获取元素,我们通过document.getElementById等等来获取元素,但是这样的方法有很大的局限性,我们只能一个一个的去获取元素,很不方便。

节点操作之获取兄弟节点

前面我们了解了如何获取元素,我们通过document.getElementById等等来获取元素,但是这样的方法有很大的局限性,我们只能一个一个的去获取元素,很不方便。

那么有没有一种更方便的方式呢?

下面我们就开始学习节点操作。

兄弟节点

  1. nextSibling:获取下一个兄弟节点
    node.nextSibling

nextSibling属性返回当前节点的下一个兄弟节点,如果没有则返回null。

这个方法是返回当前元素的下一个兄弟元素的节点,包括文本节点,元素节点,样式节点等等。

  1. previousSibling:获取上一个兄弟节点
    node.previousSibling

previousSibling属性返回当前节点的上一个兄弟节点,如果没有则返回null。同样也是包含所有的节点:元素节点,文本节点,样式节点等等。

前面两个获取范围太广了,我们要是只要获取到元素怎么办呢?

  1. nextElementSibling:获取下一个兄弟元素
    node.nextElementSibling

nextElementSibling属性返回当前节点的下一个兄弟元素节点,如果没有则返回null。

  1. previousElementSibling:获取上一个兄弟元素
    node.previousElementSibling

prviouseElementSibling属性返回当前节点的上一个兄弟元素节点,如果没有则返回null。

其中:3.4有兼容性问题,只有ie9以上才能实现


相关文章
|
4月前
获取节点2-20
获取节点2-20
44 3
30_删除二叉搜索树中的节点
30_删除二叉搜索树中的节点
JavaWeb - 查询任意节点的所有子节点(包括孙子节点)
JavaWeb - 查询任意节点的所有子节点(包括孙子节点)
389 0
删除链表的中间节点
这个题类似于寻找链表中间的数字,slow和fast都指向head,slow走一步,fast走两步,也许你会有疑问,节点数的奇偶不考虑吗?while执行条件写成fast&&fast->next就OK,不理解可以画个图,自己举个例子就能看懂了。
62 0
二叉树的后继节点
二叉树的后继节点
76 0
|
JavaScript 前端开发 算法
获取节点的方法
获取节点的方法
118 0
|
JavaScript
节点操作之创建节点
节点操作之创建节点 在实际开发中,我们经常会遇到在用户使用过程中,我们需要动态创建一个文本框,也就是用户在点击某些按钮之后,我们要给这个页面添加一个新的节点。这种操作在节点操作里面叫做创建节点。那么创建节点有哪些方式呢?
|
算法 JavaScript 开发者
寻找二叉树的下一个节点
寻找二叉树的下一个节点
寻找二叉树的下一个节点
【JavaScript-节点操作】什么是节点,节点操作怎么用,操作节点能干吗?
【JavaScript-节点操作】什么是节点,节点操作怎么用,操作节点能干吗?
191 0
【JavaScript-节点操作】什么是节点,节点操作怎么用,操作节点能干吗?
|
算法 前端开发
二叉树的堂兄弟节点
🎈今天给大家带来的是算法练习,题目为二叉树的堂兄弟节点。
131 1