节点遍历，父找子，子找父

于 2022-11-23 08:31:59 发布
阅读量223 收藏
点赞数
文章标签： javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41631449/article/details/127993280
版权
本文介绍了在JavaScript中如何进行DOM节点遍历，包括父元素查找子元素的方法如firstElementChild、lastElementChild、childNodes和children，以及子元素查找父元素的parentNode方法。同时，还涉及到了兄弟节点的查找以及节点的增删操作，如createElement、remove和appendChild。
摘要由CSDN通过智能技术生成

节点遍历

父找子

  1. firstElementChild – 找父元素下的第一个子元素

var p = document . body . firstElementChild . innerHTML

console . log(p) // 鸡哥

  1. lastElementChild – 找父元素下的最后一个子元素

var oUl = document . querySelector（’ul’）

console.log(oUl)

最低0.47元/天 解锁文章
码农—小加
关注
html 遍历子节点,【EASYDOM系列教程】之遍历节点
weixin_35851482的博客
06-11 866
Node 对象提供了一系列的属性和方法用来利用 DOM 节点树结构中节点的关系实现遍历其中的节点。关于节点之间的关系，可以参考《DOM树结构》一节有关节点之间关系的内容。获取父节点通过 HTML 页面中指定元素查找其父级节点，我们可以使用 Node 对象的 parentNode 属性实现:pNode = node.parentNode;在上述语法结构中，parentNode 属性返回指定节点的父节...
(转)父子节点遍历
weixin_30954265的博客
07-05 229
原创作品，允许转载，转载时请务必以超链接形式标明文章原始出处、作者信息和本声明。否则将追究法律责任。http://qianzhang.blog.51cto.com/317608/1205679 对于树/图的遍历，通常有2种算法来实现：迭代(Iteration)和递归(Recursion)，迭代就是利用循环反复取值/赋值的过程；递归则是反复自己调用自己来获得最终结果。 不过SQL ...
jquery 遍历父元素、子元素、兄弟元素
gis_zhouda的博客
04-11 8564
寻找父元素1. parent()方法，只返回被选元素的直接父元素，只遍历到上一级的父元素，返回的是一个元素。2. parents()方法，返回被选元素的所有父元素，一直向上遍历，直到文档的根元素为止，返回父元素的集合。3. parentsUntil()方法,a.parentsUntil(b),返回介于a,b之间的b元素的所有父元素。寻找子元素1.children()方法，返回被选元素的直接子元素，...
## Java实现根据父id遍历查找所有子节点
qq_33660850的博客
04-14 2804
## Java实现根据父id遍历查找所有子节点 首先根据父id收集成一个集合，遍历查询出来的部门集合，我这里子节点的顶级id为1，如果子id为1然后从收集出来的父id集合中根据子id再收集出一个新的集合，将它设置到返回对象中，不为1直接得到数据返回，然后将查询出来的集合根据顶级父id收集成集合最后返回。 这边是实体类，封装了一个集合，表结构是一张表， ...
树结构列表按父子顺序排序
Godian的博客
12-01 4920
节点字段id --节点编码 pid --父节点编号 传过来的数据顺序随机，需要排序，保证父节点public List<Entity> sortParentAndChild(List<Entity> entities) { // 1. 寻找集合中的所有根节点 Map<String, List<Entity>> parentChildrenMap = new HashMap<Stri
使用递归遍历DOM元素（父元素下的所有子元素）
寒江点雪
03-08 4080
案例：js代码段： &lt;script&gt; // 遍历指定元素下所有的子元素 function loadTree(parent, callback) { for (var i = 0; i &lt; parent.children.length; i++) { // 遍历第一级子元素 var child = ...
根据父节点找所有子节点数据.zip
12-14
在这个场景中，我们从给定的父节点出发，每次递归调用都会检查当前节点的每一个子节点，并将子节点添加到结果集中，如果子节点还有自己的子节点，就继续递归下去，直到遍历完所有子节点。 这个工具类可能包含以下几...
JS 使用for循环遍历子节点查找元素
10-25
这个函数非常关键，因为它利用了for循环来遍历父节点的所有子节点，并且通过if条件判断来检查每个子节点是否符合我们设定的条件。如果父节点或子节点不存在（undefined），则会使用continue语句跳过当前循环，继续...
javascript 节点遍历函数
10-29
通过这些函数，开发者可以在不支持Traversal API 2的环境中实现节点遍历，从而确保代码在各种浏览器中具有良好的兼容性。例如，要获取一个元素的所有子元素，可以使用`first_child`和`node_after`递归地获取每个子...
MySql 子找父，父找子查询节点
zoupeng199的博客
12-23 1619
Mysql子找父，父找子
如何获取父节点，兄弟节点以及子节点然后遍历
qq_40603010的博客
09-08 972
获取父节点，兄弟节点以及子节点然后遍历 存起来以后看方便 介绍下js获取节点的兄弟、父级与子元素的方法，学习下js遍历节点的操作方法，有需要的朋友参考下。 先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比。 JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素。 复制代码代码示例: 原生的JS获取ID为test的元素下的子元素。可以用： 复制代码代码示例: var a = docuemnt.getElementBy
获取父元素节点和子节元素节点，以及通过下标获取子元素节点
weixin_49833951的博客
02-04 719
获取父元素节点： <script> // 先获取子元素 var zi = document.querySelector('zi'); // 再通过parentNode获取父节点 // 得到的是元素最近的父节点，如果找不到返回null console.log(zi.parentNode); </script> 获取子元素节点： <script> // 先获取父元素
js递归遍历树形json数据（找到children数据）
Ginger博客
09-30 3175
var returnedItem; //定义一个不不赋值的变量 var find = function(arr, id){ arr.forEach((item) => { //利用foreach循环遍历 if(item.id==id)//判断递归结束条件 { returnedItem = item; .
java 遍历 document_java DocumentBuilder遍历xml元素属性节点实例
weixin_29201313的博客
02-12 579
java DocumentBuilder遍历xml元素属性节点实例。获得解析器，顺序访问节点的方式找到书架节点，随机访问已知元素名称的指定节点。package csdn.xml.dom;import javax.xml.parsers.DocumentBuilder;import javax.xml.parsers.DocumentBuilderFactory;import javax.xml.p...
document获取对象三方法
热门推荐
蜗牛学习笔记
03-01 1万+
综上三种获取对象的方式，可以看出，getElementById 是获取对象最直接的方式，也是效率最高的方式；但是如果元素没有id属性，但有name属性，那么就使用getElementsByName 来获取对象的集合，再遍历集合中的每一个对象；如果元素也没有name属性呢，那就只有使用getElementsByName 来获取对象了。
dom4j的document遍历方法
strutce的专栏
03-22 2424
Document document=DocumentHelper.parseText(xmlStr);//根据xml字符串创建xmlElement element=document.getRootElement();//获取xml跟目录Iterator it=element.elementIterator();//获取xml迭代Element ele=null;while(it.hasNext()
document的遍历方式
cnzssygrz072073937的博客
11-02 1000
整个html页面就是一个树状的结构一个页面是一个windows ( 如果是frameset 方式拼接起来的页面话 好像一个frame就是一个windows)windows下有document节点在你要寻找某个节点的时候 可以...
Dom4j解析xml文件-递归遍历所有节点和属性
iteye_6274的博客
03-17 2095
引言 Dom4j是java中常用读取xml文件的工具，就方便性和性能方面，一定程度要优于JDK中Domcument和SAX解析的，感兴趣的童鞋可以看看这篇文章java解析XML的四种方式及比较，相关jar包可免费下载：dom4j-1.6.1.jar，下边我就分享一下用Dom4j对xml文件进行遍历，一看代码就明白了，注释的很详细。 被测试的xml文件test.xml &lt;?xml ve...
treewidget遍历父节点的所有子节点
最新发布
09-14
在Qt框架中，`QTreeWidget` 提供了一个方便的方式来显示和操作树形结构的数据。遍历父节点的所有子节点可以通过使用递归函数来实现，该函数将遍历每个节点的所有子节点。以下是一个如何使用递归函数遍历 `QTreeWidget` 中父节点所有子节点的示例： ```cpp void traverseTreeWidgetItems(QTreeWidgetItem *parentItem) { if (parentItem == nullptr) { return; // 如果父节点为空，则返回 } // 遍历父节点的所有子节点 for (int i = 0; i < parentItem->childCount(); ++i) { QTreeWidgetItem *childItem = parentItem->child(i); // 在这里处理每一个子节点，例如打印它们的文本 qDebug() << childItem->text(0); // 递归调用，以处理子节点的子节点 traverseTreeWidgetItems(childItem); } } // 使用示例 void exampleUsage(QTreeWidget *treeWidget, QTreeWidgetItem *parentItem) { traverseTreeWidgetItems(parentItem); } // 假设你有一个 QTreeWidget 指针和你想要遍历的父节点 // QTreeWidget *treeWidget; // QTreeWidgetItem *parentItem; // exampleUsage(treeWidget, parentItem); ``` 在上面的代码中，`traverseTreeWidgetItems` 函数接受一个 `QTreeWidgetItem` 指针作为参数，该指针代表要遍历的父节点。函数遍历该父节点的所有子节点，并对每个子节点执行操作（在这个示例中是打印文本）。递归调用允许函数遍历所有层级的子节点。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值