兄弟节点函数

最新推荐文章于 2023-07-23 20:40:51 发布
原创 最新推荐文章于 2023-07-23 20:40:51 发布 · 471 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种使用JavaScript封装的函数，该函数能够高效地返回指定DOM元素的前驱或后继兄弟节点，解决了跨浏览器兼容性问题，特别是在IE浏览器中。此技巧对于前端开发者在处理DOM操作时非常实用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

//封装函数，返回元素e的第n个兄弟节点，n为正，返回后面的兄弟节点，n为负，返回前面的，n为0，返回自己
function retBrother(n,elem){
while(n&&elem){
if(n>0){
if(elem.nextElementSibling){
elem=elem.nextElementSibling;
}else{//解决IE兼容
for(elem=elem.nextSibling;e&&e.nodeType!=1;elem=elem.nextSibling);
}
n--;
}
if(n<0){
if(elem.previousElementSibling){
elem=elem.previousElementSibling;
}else{//解决IE兼容
for(elem=elem.previousSibling;e&&e.nodeType!=1;elem=elem.previousSibling);
}
n++;
}
return elem;
}

 

leetcode[993]二叉树的堂兄弟节点 Python3实现（dfs查找深度和父节点）
zhang35的博客
05-17 460
# 在二叉树中，根节点位于深度 0 处，每个深度为 k 的节点的子节点位于深度 k+1 处。 # # 如果二叉树的两个节点深度相同，但 父节点不同 ，则它们是一对堂兄弟节点。 # # 我们给出了具有唯一值的二叉树的根节点 root ，以及树中两个不同节点的值 x 和 y 。 # # 只有与值 x 和 y 对应的节点是堂兄弟节点时，才返回 true 。否则，返回 false。 # # # # 示例 1： # # # # 输入：root = [1,2,3,4], x =
js兄弟节点
香格里拉&的博客
01-14 3186
用到的方法: - nextSibling: 下一个兄弟节点 - previousSibling: 上一个兄弟节点 - previousElementSibling: 上一个兄弟元素节点 - nextElementSibling: 下一个兄弟元素节点 <body> <div id="box"> <div>这是一个区域1</div> &l...
9-11访问兄弟节点
dada678的专栏
06-30 255
1. nextSibling 属性可返回某个节点之后紧跟的节点（处于同一树层级中）。 语法： nodeObject.nextSibling 说明：如果无此节点，则该属性返回 null。 2. previousSibling 属性可返回某个节点之前紧跟的节点（处于同一树层级中）。 语法： nodeObject.previousSibling 说明：如果无此节点，
兄弟节点
阳神
02-18 1286
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="box"> <div>这是一个区域1&...
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
10-18
知识点5：插入兄弟节点 除了添加子节点，还可以通过`insertBefore()`方法在现有子节点之前插入新的节点。这个方法需要两个参数：第一个是要插入的新节点，第二个是已存在的子节点。在`showesideinsert()`函数中，`...
Oracle通过递归查询父子兄弟节点方法示例
09-09
在本篇文章中，我们将探讨如何利用递归查询来查找父子兄弟节点，这对于理解和处理这类关系非常关键。 首先，递归查询在Oracle中主要依赖于`START WITH`和`CONNECT BY`子句。`START WITH`指定查询的起始节点，而`...
JavaScript实现获得所有兄弟节点的方法
08-02
现在，我们来看一个实现获取所有兄弟节点的函数`sibling()`。这个函数接受一个元素作为参数，然后执行以下步骤： 1. 创建一个空数组`r`，用于存储找到的兄弟节点。 2. 获取传入元素的`parentNode`，即其父节点。 3....
js 获取元素所有兄弟节点的实现方法
10-21
在JavaScript编程中，我们常常需要操作DOM元素的父、子、兄弟节点。获取元素的所有兄弟节点是常用的操作之一，它允许我们访问同一父元素下的其他子元素。本文将详细介绍如何使用原生JavaScript以及jQuery这两种方式...
jquery的父、子、兄弟节点查找,节点的子节点循环方法
10-20
本文将详细介绍jQuery中的父、子、兄弟节点查找以及节点的子节点循环方法。 首先，jQuery提供了多种方法来查找节点之间的关系： 1. **jQuery.parent(expr)**: 这个方法用于查找匹配指定表达式（expr）的直接父元素...
访问兄弟节点
qq_24193261的博客
09-18 500
1.nextSlibling属性可返回某个节点之后紧跟的节点（处于同一树层级中） 语法： nodeObject.nextSlibling 说明;如果无此节点，则该属性返回NULL 2.previousSibling属性可返回某个节点之前紧跟的节点（处于同一树层级中） 语法： nodeObject.previousSibling 说明：如果无此节点，则该属性返回NULL 注意：两个属
兄弟函数（printf,scanf)
xxsnd520的博客
07-23 220
printf() 的作⽤是将参数⽂本输出到屏幕。它名字⾥⾯的f代表format（格式化），表⽰可以定制输出⽂本的格式。在终端就会出现“肖肖”这两个字printf()是在标准库的头⽂件stdio.h定义的。使⽤这个函数之前，必须在源码⽂件头部引⼊这个头⽂件。printf() 不会在⾏尾⾃动添加换⾏符，运⾏结束后，光标就停留在输出结束的地⽅，不会⾃动换⾏,为了换行可以在文本的末尾加上\n这个转义字符（也可以在写的时候多敲一行的printf）占位符printf()
兄弟节点（64）
weixin_45147894的博客
07-09 258
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title...
节点操作之兄弟节点
m0_62962469的博客
03-14 1281
node.nextSibling 返回下一个兄弟节点 包含元素节点或者 文本节点等等 node.previousSibling返回上一个兄弟节点包含元素节点或者 文本节点等等 node.nextElementSibling 返回下一个兄弟元素节点 不包括文本节点 ie9以上支持 node.previousElementSibling返回上一个兄弟元素节点 不包括文本节点 <!DOCTYPE html> <html> <head> <me...
Dom 兄弟节点
happy664618843的专栏
01-30 1397
兄弟节点之间可以通过 previousSibling 和 nextSibling 属性访问同一级别上的不同子节点。这个兄弟节点是元素还是文本节点在现代浏览器上运行是怎么样的呢？除IE外的浏览器是将换行符作为内容的文本节点(nodeType为3)。而元素的话，nodeType为1。下面是查找它们的实用方法lastSibling:function(node){ var tempOb
封装函数，返回元素e的第n个兄弟元素节点，n为正，返回后面的兄弟元素节点，n为负，返回前面的，n为0，返回自己
vfjcgg的博客
03-11 189
封装函数，返回元素e的第n个兄弟元素节点，n为正，返回后面的兄弟元素节点，n为负，返回前面的，n为0，返回自己 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> ...
Jquery获取元素的兄弟节点
Silentli20的博客
01-20 249
$('#id').prev() 当前元素前一个兄弟节点 $('#id').prevaAll() 当前元素之前所有的兄弟节点 $('#id').next() 当前元素之后第一个兄弟节点 $('#id').nextAll() 当前元素之后所有的兄弟节点 $('#id').siblings() 当前元素所有的兄弟节点 ...
兄弟节点的选择
s18882的博客
03-08 360
在同一个父节点下，选择div元素后，紧挨a元素，a元素后紧挨p元素 选择a元素 div + a 选择p元素 div + a + p 适合元素没有过多的属性说明 若要选择在同一父元素下，div元素后所有的a元素 div ~ a 选择范围为该父元素下所有的子元素 ...
二叉树的兄弟节点c++
最新发布
01-11
### C++ 中二叉树兄弟节点的操作 在C++中处理二叉树的兄弟节点主要涉及如何访问和操作同一父节点下的两个子节点。通常情况下，可以通过定义一个指向父节点的指针来简化这一过程。 #### 定义带父节点指针的二叉树节点结构体 为了方便获取兄弟节点，在定义二叉树节点时可以增加一个指向父节点的成员变量 `parent`： ```cpp struct TreeNode { int val; TreeNode *left; TreeNode *right; TreeNode *parent; TreeNode(int x) : val(x), left(nullptr), right(nullptr), parent(nullptr) {} }; ``` #### 获取指定节点的兄弟节点函数 下面是一个用于找到给定节点的兄弟节点的方法实现： ```cpp TreeNode* getSiblingNode(TreeNode* node) { if (!node || !node->parent) return nullptr; // 如果当前节点为空或无父节点，则不存在兄弟节点 if (node == node->parent->left) return node->parent->right; // 当前节点是左孩子，返回右兄弟 else if (node == node->parent->right) return node->parent->left; // 当前节点是右孩子，返回左兄弟 return nullptr; // 非常规情况，理论上不会到达这里 } ``` 此方法首先检查传入的节点及其父节点是否存在；接着判断该节点位于其父节点哪一侧并相应地返回另一侧的孩子作为兄弟节点[^1]。 对于更复杂的场景比如森林中的多棵二叉树之间的联合操作，还可以参考初始化、查找以及合并不同集合的技术[^2]。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值