javaScript取得当前元素的下一个元素

最新推荐文章于 2023-07-10 12:20:43 发布

原创最新推荐文章于 2023-07-10 12:20:43 发布 · 1.3w 阅读

1 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

28 篇文章

订阅专栏

本文介绍了一种在网页中获取指定元素紧邻下一个元素的方法。通过使用JavaScript，可以实现对目标元素后面直接相邻元素的选择，这对于网页开发和维护非常有用。

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

如何取得当前元素的下一个元素呢？

例如，这有两个div

<div id="wrap1" class="wrap">这是一个div</div>
<div class="wrap" style="margin-top: 20px">这是一个div</div>

我可以取得第一个div

我想取得紧邻它的下一个元素，从网上获取的方法是：div1.nextSibling，然会我会得到一个#text

可是我想要的不是这个东西，我想得到像变量div1一样的div,经过测试下面两种方法都可以

这样就得到了我想得到的下一个元素了

如果某元素的紧邻的下一个元素不存在，则返回一个 null

注：只在谷歌浏览器下测试

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wukongk

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

《web开发： JavaScript DOM获取元素》

yexiang优快云的专栏

01-08

1227

一、JavaScript DOM获取元素 1、DOM获取元素 1.1 如何获取页面元素 DOM在我们实际开发中主要用来操作元素。我们如何来获取页面中的元素呢? 1.1 如何获取页面元素获取页面中的元素可以使用以下几种方式:  根据 ID 获取  根据标签名获取  通过 HTML5 新增的方法获取  特殊元素获取 1.2 根据 ID 获取使用 getElementById() 方法可以获取带有 ID 的元素对象。 document.getElementByI...

JQ获取上级、同级、下级元素

weixin_30470857的博客

03-10

1078

------------------------------------------------------------------------------jQuery---------------------------------------------------------------------- 1.父级： jQuery.parent(expr) 找父亲节点，可以传入expr进行...

参与评论您还未登录，请先登录后发表或查看评论

js jquery获取当前元素的兄弟级上一个下一个元素

11-24

var chils= s.childNodes; //得到s的全部子节点 var par=s[removed]; //得到s的父节点 var ns=s.nextSbiling; //获得s的下一个兄弟节点 var ps=s.previousSbiling; //得到s的上一个兄弟节点 var fc=s.firstChild; //获得s的第一个子节点 var lc=s.lastChile; //获得s的最后一个子节点 JS获取节点父级，子级元素先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比。 JS的方法会比JQUE

JavaScript实现获取某个元素相邻兄弟节点的prev与next方法

11-22

本文实例讲述了JavaScript实现获取某个元素相邻兄弟节点的prev与next方法。分享给大家供大家参考，具体如下： /** * 获取相邻元素 * @param ele 参考物元素 * @param type 类型，上一个(1)or下一个(0) * @return 返回查找到的元素Dom对象，无则返回null */ function getNearEle(ele, type) { type = type == 1 ? "previousSibling" : "nextSibling"; var nearEle = ele[type]; while(nearEle) {

js获取数组的最后一个元素

10-24

主要介绍了javascript获取数组的最后一个元素,需要的朋友可以参考下

js 获取元素下面所有li的两种方法

10-26

主要介绍了js如何获取元素下面所有的li，有哪些方法,需要的朋友可以参考下

原生javascript实现获取指定元素下所有后代元素的方法

10-25

该方法属于`Element`对象，可以用来获取当前元素及其后代中所有匹配指定标签名的元素。该方法返回一个包含所有匹配标签名后代元素的HTML集合（HTMLCollection）。 `getElementsByTagName()` 方法接受一个参数，这个...

一个JavaScript获取元素当前高度的实例

10-25

每天一个JavaScript实例-获取元素当前高度 #date{ width:90%; height:25%; padding:10px; background: red; } window.onload = function(){ var height = getHeight(); console.log(height); } ...

javascript获取dom的下一个节点方法

10-25

`nextElementSibling`用于获取当前节点的下一个元素节点，而`previousElementSibling`则用于获取当前节点的上一个元素节点。这两个方法的主要优势在于它们会忽略非元素节点（如注释或空白文本节点），只针对元素节点...

JavaScript 获取元素在父节点中的下标(推荐)

10-19

首先，我们要明白原生JavaScript的DOM API并不直接提供一个类似`index()`的方法来获取元素的索引。为了实现这一功能，我们需要借助于`querySelectorAll()`方法和数组的`indexOf()`方法。下面是一个具体的示例： ```...

JS获取已知元素的下一个元素

热门推荐

努力学习.不断前进

04-28

1万+

new document <!-- window.onload=nextnode; function nextnode(){ if(!document.getElementsByTagName) return false; var heads = document.getElementsByTagName("h1"

javascript获取当前元素的下一个元素

qq_34266804的博客

02-20

6103

var div = document.getElementById("ele"); var nextDiv = div.nextSibling.nextSibling; 或 var nextDiv = div.nextElementSibling;

js得到下一个元素节点

UFO

08-21

2281

function getNextElement(node){ if(node.nextSibling.nodeType == 1){ //判断下一个节点类型为1则是“元素”节点 return node.nextSibling; } if(node.nextSibling.nodeType ==

js函数-获取下一个元素节点元素getNextElement()

Antg的博客

04-10

1656

一、代码如下 function getNextElement(node){ if(node.nodeType == 1){ return node; } if(node.nextSibling){ return getNextElement(node.nextSibling); } return null; } 二、作用该函数可获取下一个节点元素注意：nextSibling...

java获取相邻的下一个元素,java – 依赖于上一个和下一个元素的流处理

weixin_28719225的博客

03-16

1530

目前使用Stream API无法轻松实现对匹配谓词的连续元素进行操作.Returns a stream consisting of lists of elements of this stream where adjacent elements are grouped according to supplied predicate.以下代码将连续行的记录部件号严格大于前一行的记录部件号组合在一起....

JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法

weixin_38184224的博客

07-10

3670

jQuery.parent(expr)，找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")jQuery.find()，的返回结果，不会有初始集合中的内容，比如$("p").find("span")，是从<p>元素开始找<span>，等同于$("p span")jQuery.children(expr)，返回所有子节点，这个方法只会返回直接的孩子节点，不会返回所有的子孙节点。//得到s的上一个兄弟节点。

java获取相邻的下一个元素_[Java教程]FF下获取一个元素同类型的相邻元素_星空网...

weixin_39796140的博客

03-08

160

FF下获取一个元素同类型的相邻元素2012-12-140// 兼容火狐获取一个节点的相同类型的上一个相邻节点function perviousSiblingSameType(node , cnode ){ // 为空直接返回null if(node.previousSibling == null ) { return null ; } else ...

JavaScript 获取元素的8种方法

qq_41363062的博客

01-17

2136

DOM 文档对象模型（Document Object Model），是W3C组织推荐的处理可扩展置标语言的标准编程接口。简单理解就是 DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。我们用JavaScript对网页进行的所有操作都是通过DOM进行的。 JS获取DOM元素的八种方法通过ID获取（getElementById）通过name属性（getElementsByName）...

【转载记录】JS/JQuery 获取当前元素的上/下一个兄弟级元素或其他元素的方法

aichimaodeyuybh的博客

09-17

2759

【转载记录】JS/JQuery 获取当前元素的上/下一个兄弟级元素或其他元素的方法

js 获取当前元素的下一个元素

05-17

可以使用 `nextElementSibling` 属性来获取当前元素的下一个元素，例如： ```javascript var currentElement = document.getElementById("currentElement"); var nextElement = currentElement.nextElementSibling; ``` 这样，`nextElement` 就是当前元素的下一个元素。如果当前元素没有下一个元素，那么 `nextElement` 的值为 `null`。