js 原生遍历节点

最新推荐文章于 2024-07-25 09:29:51 发布
最新推荐文章于 2024-07-25 09:29:51 发布
阅读量1.3k 收藏
点赞数
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38999683/article/details/90266431
版权

1.父节点 elem.parentNode  

2.相邻节点 elem.nextSibling elem.previousSibling

3.返回当前节点的第一个子节点 elem.firstChild.nodeName(除了元素节点，还可能是文本节点或注释节点。)

4.返回当前节点的最后一个子节点 lastChild

5.返回包括当前节点的所有子节点。childNodes   

PS:注意这些方法获取节点都是除了元素节点，还可能是文本节点或注释节点。所有需要采用elem.nodeType == 1来进行判断

Node 接口的方法 承上

appendChild()  insertBefore() removeChild()等等

 

孤独的神话
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript节点遍历方法总结
caiyyu的博客
06-26 665
如题所示： <body> <div> <ul> <li></li> <li></li> <li></li> <li></li> ...
遍历html结构下的整个节点,JS浅谈遍历
weixin_33793620的博客
06-20 614
先上dom结构html>ExampleHelloworld!以document为根节点的DOM树进行深度优先遍历的先后顺序遍历树从document开始依序向前，访问的第一个节点是document，访问的最后一个节点是包含"world!"的文本节点。从文档最后的文本节点开始，遍历可以反向移动到DOM 树的顶端。此时，访问的第一个节点是包含"Hello"的文本节点，访问的最后一个节点是doc...
原生js元素历遍
weixin_30480651的博客
05-07 89
父元素： parentNode;(没有兼容性问题); offsetParent; (获取的是首个获得（绝对定位或者相对定位）的 元素；最终会找到html；) 子元素： 1、childNodes 属性。 标准的，它返回指定元素的子元素集合，包括HTML节点，所有属性 文本。可以通过nodeType来判断是哪种类型的节点，只有当nodeType==1时才是元素...
【JavaScript】`forEach` 方法的详解与实战
最新发布
lph159的博客
07-25 5531
方法是数组对象的重要组成部分。它提供了一种简洁、优雅的方式来遍历数组中的每个元素，并对其执行指定操作。方法的基本概念、用法、常见的应用场景、与其他遍历方法的对比，并提供实战示例，帮助您全面掌握这一强大的工具。方法的回调函数还可以接收当前元素的索引和原数组作为参数。数组中的每个元素执行回调函数，并将当前元素作为参数传递给回调函数。方法用于遍历数组，并对每个元素执行一次给定的回调函数。回调函数的纯粹性，避免对外部状态的修改，从而提高代码的可维护性。回调中直接修改原数组的结构，避免意外的副作用。
原生Javascript遍历文档节点（处处是坑啊）
溪水博客
03-30 378
原生Javascript获取节点，一直就很不方便（相比较jQuery，处处是坑），话不多少，直接挖坑&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width
JS遍历树形结构所有节点
happygluckday的博客
10-13 199
【代码】JS遍历树形结构所有节点。
总结获取原生JS(javascript)的父节点、子节点、兄弟节点
shepherd_dirk的博客
06-26 2600
关于原生JS获取节点，一直是个头疼的问题，而且调用方法的名字又贼长了，所以我选择用JQ，好像跑题了– 话不多说看代码 获取父节点 及 父节点下所有子节点（兄弟节点） &amp;lt;ul&amp;gt; &amp;lt;li&amp;gt; &amp;lt;textarea&amp;gt;文本一&amp;lt;/textarea&amp;gt; &amp;lt;input type=butt
jQuery实现遍历XML节点和属性的方法示例
10-18
jQuery是一个非常流行的JavaScript库，它提供了许多便捷的方法来操作XML文件，包括加载、遍历节点和属性等。本文主要探讨了如何使用jQuery以及JavaScript原生方法来遍历XML文件中的节点和属性，并给出了一个具体的...
JS使用for循环遍历Table的所有单元格内容
12-09
在JavaScript（JS）中，遍历Table的所有单元格内容是一个常见的任务，特别是在处理网页上的表格数据时。这个过程可以通过使用`for`循环实现，结合DOM（文档对象模型）操作来访问表格元素。以下是对给定代码的详细...
js遍历一段html,javascript如何遍历？
weixin_35276012的博客
06-03 879
javascript有很多遍历的方法，for、for in、for of(ES6)、forEach、map、filter、every、some、Jquery的each等等。接下来通过一些例子来对比一下这些方法。示例均使用如下测试数据：var arr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o...
JS中节点的遍历和操作
d1026891318的博客
12-03 208
JS中节点的遍历和操作
遍历网页中的节点 js+html
11-03
遍历网页中的节点 js+html 遍历网页中的节点
原生javascript的几种遍历方法
qq_42391246的博客
12-26 736
&lt;script&gt; var arr1 = ['扎根三', '枣阳', '襄阳'] var arr2 = [12, 32, 98, 78, 56, 34] for(var i=0 ; i&lt;arr1.length ; i++){ console.log( arr1[i] ) } // 数组.方法(function (item, index)...
js中的二叉树以及二叉搜索树的实现及应用
趣谈前端
08-05 1036
让我们一起来探讨js数据结构中的树。这里的树类比现实生活中的树，有树干，树枝，在程序中树是一种数据结构，对于存储需要快速查找的数据非有用，它是一种分层数据的抽象模型。一个...
JavaScript中利用二叉树对数组进行排序
这个昵称没有被占用吧的博客
11-12 671
二叉树和二叉搜索树 二叉树中的节点最多只能有两个子节点：一个是左侧子节点，另一个是右侧子节点。 二叉搜索树(BST)是二叉树中的一种，但是它只允许在左侧节点存储比父节点小的值，在右侧几点存储比节点大(或相等)的值。 可以利用BST的这种特性，对数组进行排序： class Node{ constructor(key){ this.key = key; this...
JS递归遍历数组获取所有的叶子节点
qq_39113110的博客
08-13 1628
JS递归遍历数组获取所有的叶子节点
tinyxml2遍历所有节点_二叉树的非递归遍历的思考
weixin_39915820的博客
11-24 179
封面图来自wikipedia1 简介二叉树的深度优先遍历（前序遍历、中序遍历、后序遍历）是一个比较基本的操作。如果使用递归的做法，很容易写出相应的程序；而如果使用非递归的做法，虽然也能写出相应的代码，但是由于三种非递归的遍历没有统一的格式，比较难记住。在这里，介绍一种统一格式的非递归写法。2 递归做法先介绍一下二叉树的三个深度优先遍历的基本概念：前序遍历：先访问根节点，然后前序遍历左子树，最后前序...
js那些常用的遍历节点的方法
秋来九月八
12-08 1483
你可以编写递归函数来遍历 DOM 树的各个节点，访问它们的属性和执行操作。这些方法提供了多种方式来遍历 DOM 节点，你可以根据需要选择最适合你的方法。注意，一些方法可能返回文本节点等非元素节点，因此需要小心处理。在 JavaScript 中，遍历 DOM 节点（文档对象模型）的方法有多种。允许你通过 CSS 选择器选择特定的节点或一组节点。分别用于根据元素的 ID 和类名来获取节点。这些方法可以快速定位到特定节点。你可以使用这些属性来遍历父节点和子节点。属性可以访问节点的下一个兄弟节点和上一个兄弟节点。
javascript加强 遍历所有文档节点
top0qidian的专栏
11-06 2920
test.html //作业 遍历整个文档的节点 window.onload = function() { //获取根节点 var root = document.documentElement; //调用递归的方法即可 items(root); document.write(str); } var str = ""; function items(no
jQuery基础教程：遍历节点与DOM操作
在jQuery中，遍历节点是常见的DOM操作之一，这对于动态操控网页元素至关重要。以下是对标题和描述中提到的遍历节点方法的详细说明： 1. `children()`：这个方法用于获取匹配元素的所有直接子元素，不包括后代元素。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值