javascript 获取最后一个节点和上一个节点

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

#js

本文将介绍如何使用JavaScript操作DOM节点，包括获取当前节点的父级节点的子节点、上一个兄弟节点及其上一个兄弟节点的方法。 
console.log(param.parentNode.parentNode.lastChild);
console.log(param.parentNode.parentNode.lastChild.previousSibling);
console.log(param.parentNode.parentNode.lastChild.previousSibling.previousSibling);

DOM算法系列002-寻找指定DOM节点的上一个或下一个节点
林中路
12-13 1392
getDomNode。
javascript获取dom的下一个节点方法
10-25
综上所述，JavaScript操作DOM的`nextElementSibling`和`previousElementSibling`方法，在现代浏览器中可以有效地获取下一个和上一个元素节点，这对于处理页面元素间的交互逻辑非常关键。通过使用`parseInt`函数和...
Js封装函数：获取下一个/上一个兄弟元素节点
高先生的猫
12-04 4789
要求： 获得下一个/上一个兄弟元素节点，不包括文本节点等 解决IE兼容性问题 代码实现： 获得下一个兄弟元素节点： function getNextElement(element) { var el = element; while (el = el.nextSibling) { if (el.nodeType === 1) { return el; } } return null; } ...
JavaScript获取节点的方法大全
热门推荐
qq_42889406的博客
10-26 1万+
1. 通过document节点获取 1.1 通过ID 语法：document.getElementById（“id”）； 特点： 应用场景： 推荐指数： 示例： 1.2 通过标签名 语法：document.getElementById（“id”）； 特点： 应用场景： 示例： 1.3 通过name值 语法：document.getElementById（“id”）； 特点： 应用场景： 示例： 1.4 通过class 语法：document.getElementById（“id”）； 特点： 应用场景： 示
原生js获取节点
dl2295630178的专栏
04-18 9706
// 1 获取元素节点 // 通过id的方式( 通过id查找元素，大小写敏感，如果有多个id只找到第一个) document.getElementById('div1'); // 通过类名查找元素，多个类名用空格分隔,得到一个HTMLCollection(一个元素集合，有length属性，可以通过索引号访问里面的某一个元素) var cls = document.get
DOM—获取上一个哥哥元素节点
weixin_36282409的博客
03-05 1447
/** * @author lyj */ /** * 实现思路： * 1.首先获取当前元素上的一个哥哥节点，判断当前获取的节点是否为元素 * 节点（nodeType===1），如果不是，基于当前获取的节点，找他的上一个 * 哥哥节点...(找几次不知道)一直找到的节点是元素节点为止。 * 2.如果在查找过程中，发现没有上一个哥哥节点了（找到头了）则不再继续查找。 * */ f...
JavaScript 获取元素在父节点中的下标(推荐)
10-19
在JavaScript中，获取元素在父节点中的下标是一项常见的任务，尤其在进行DOM操作和页面交互时。在jQuery中，我们可以方便地使用`$(this).index()`来获取元素在父节点同级元素中的索引位置。然而，在原生JavaScript中...
javascript在链表的末尾插入一个节点，在末尾插入涉及遍历整个列表，直到我们到达最后一个节点
01-09
在计算机科学中，链表是一种常见的基础数据结构，它由一系列节点组成，每个节点包含数据和一个或多个指针，指向列表中的下一个节点。链表可以被用来实现诸如队列、堆栈等其他数据结构。在链表中添加新节点是一项基础...
javascript在链表中的给定节点之前插入一个节点
01-09
javascript //在链表中的给定节点之前插入一个节点 //如果我们想在给定节点之前插入一个新节点，我们首先找到该节点， ...//将上一个节点的下一个指针指向新节点。 //如果给定的键是 head，则更新 head 以指向新节点。
【124】JavaScript获取下一个、上一个兄弟节点
zhangchao19890805的专栏
09-22 1万+
我最近工作中碰到一个需求，要获取某个 HTML 节点的下一个兄弟节点。通过查阅文档，得知要使用 nextSibling 属性。但是碰到一个问题：实际使用中，为了方便阅读代码，HTML标签之间必然有缩进；而 nextSibling 属性会把 HTML标签之间的空白字符当作 text 节点，算作下一个兄弟节点。 那么，这个问题该如何被解决呢？ 我的整体思路如下： 利用循环不断获得下一个兄弟节点，然后判...
返回下一个元素节点而不是下一个节点
weixin_30800807的博客
04-04 115
此函数的功能是：返回当前节点的下一个元素节点（而不是下一个节点），参数就是当前节点的下一个节点。 function getNextElement(node) { if(node.nodeType == 1) { return node; } if (node.nextSibling) { return getNextElement(node.nextSibling); }...
JavaScript02(对象，处理表和表单元素事件，DOM节点)
serendipity_xr的博客
02-20 287
JavaScript JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 Web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。使用js之后可以在页面中实现特效，将页面中的信息实现动态化，比如js轮播图 。 一.js的三种使用方式 1. 行内js 在标签内的绑定事件，编写js脚本代码，实现行内js，但尽量不要使用。 <body> <button onclick="javascript:alert('这是第一个按钮')">按钮&
JQ获取上级、同级、下级元素
weixin_30470857的博客
03-10 1105
------------------------------------------------------------------------------jQuery---------------------------------------------------------------------- 1.父级： jQuery.parent(expr) 找父亲节点，可以传入expr进行...
JS节点操作（1） - 父节点，子节点，兄弟节点
Moony_wy的博客
02-07 4367
JS节点操作（1） - 父节点，子节点，兄弟节点 节点操作的作用 获取元素通常使用的两种方式： 1. 利用DOM提供的方法获取元素 逻辑性不强，繁琐 2. 利用节点层级关系获取元素 利用父子兄弟节点关系获取元素 逻辑性墙，但是兼容性稍差 这两种方法都可以获取元素，但是节点操作更简单。
js获取上一个兄弟元素
weixin_33936401的博客
03-17 3625
需要用到的两个属性：previousSbiling和previousElementSibling previousSibling：获取元素的上一个兄弟节点；（既包含元素节点、文本节点、注释节点）previousElementSibling：获取上一个兄弟元素节点；（只包含元素节点）；这个两个方法的区别，直接在控制台打印一下就知道了。 所以一般我们会用previousElementSi...
JSDOM节点（当前标签和同级、父级、子级..之间的关系）
sunyqcn的博客
09-02 7505
1. 通过顶层document节点获取     1) document.getElementById(elementId) //根据id获得     2) document.getElementsByName(elementName) //根据name获得     3) document.getElementsByTagName(tagName) //根据标签名获得 2、通过父节点获取
JS节点操作
Revin的博客
01-13 1934
节点概述 1.在JS中节点可分为父节点、子节点、兄弟节点。 又可分为元素节点、属性节点、文本节点 2.节点至少拥有三个基本属性，nodeType(节点类型）、nodeName(节点名称）、nodeValue(节点值） 元素节点的节点类型为1 （在对节点进行操作时，通常对元素节点进行操作） 属性节点的节点类型为2 文本节点的节点类型为3 节点操作 父节点操作 以往获取节点只能通过一次一次的输入，利用节点进行操作可以一步获取。获取方法为node.parentNode 具体例子如下 <body>
数据结构--知识点16--搜索算法(二叉树)
ANingL的博客
09-06 3420
文章目录一、树的概念1、特点2、树的术语3、树的种类4、树的存储与表示5、常见的树的应用场景二、二叉树1、概念2、性质 一、树的概念 树是一种抽象数据类型(ADT)或是视作这种抽象数据类型的数据结构 1、特点 每个节点有零个或多个子节点 没有父节点的节点称为根节点 每一个非根节点有且只有一个父节点 除了根节点外，每个子节点可以分为**多个不相交(因为都只有一个父节点)**的子树 2、树的术语 节点的度：一个节点含有的子树的个数称为该节点的度 树的度：一棵树中，最大的节点的度称为树的度 叶节点或终端节点
js 获取最后一个节点
最新发布
09-03
在 JavaScript 中，获取最后一个节点有多种方法，以下是几种常见的方式： ### 通过 `lastChild` 属性 `lastChild` 属性可以获取已知节点的最后一个子节点，并且支持递归使用。例如，要获取某个父节点的最后一个子节点： ```javascript // 获取父节点 var parentElement = document.getElementById("parent"); // 获取最后一个子节点 var lastNode = parentElement.lastChild; console.log(lastNode); ``` ### 通过 `lastElementChild` 属性 `lastElementChild` 属性会返回该元素的最后一个子元素节点，如果没有子元素节点，则返回 `null`。与 `lastChild` 不同的是，它只返回元素节点，忽略文本节点和注释节点等。示例如下： ```javascript // 获取父节点 var parentElement = document.getElementById("parent"); // 获取最后一个子元素节点 var lastElement = parentElement.lastElementChild; console.log(lastElement); ``` ### 通过获取子节点数组的最后一个元素 可以使用 `childNodes` 或 `children` 获取子节点数组，然后取数组的最后一个元素。 使用 `childNodes`： ```javascript // 获取父节点 var parentElement = document.getElementById("parent"); // 获取子节点数组 var childNodes = parentElement.childNodes; // 获取最后一个节点 var lastNode = childNodes[childNodes.length - 1]; console.log(lastNode); ``` 使用 `children`： ```javascript // 获取父节点 var parentElement = document.getElementById("parent"); // 获取直接子节点数组 var children = parentElement.children; // 获取最后一个子元素节点 var lastElement = children[children.length - 1]; console.log(lastElement); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

筱芙淘趣坊

为嗷嗷待哺的我助力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值