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

最新推荐文章于 2023-07-10 12:20:43 发布
最新推荐文章于 2023-07-10 12:20:43 发布
阅读量1.2w 收藏 1
点赞数 1
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013742084/article/details/51524634
版权

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

例如，这有两个div

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

我可以取得第一个div


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


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

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

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


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

wukongk
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript获取当前元素的下一个元素
qq_34266804的博客
02-20 5704
var div = document.getElementById("ele"); var nextDiv = div.nextSibling.nextSibling; 或 var nextDiv = div.nextElementSibling;
JQ获取上级、同级、下级元素
weixin_30470857的博客
03-10 972
------------------------------------------------------------------------------jQuery---------------------------------------------------------------------- 1.父级： jQuery.parent(expr) 找父亲节点，可以传入expr进行...
JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法
最新发布
weixin_38184224的博客
07-10 3026
jQuery.parent(expr)，找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")jQuery.find()，的返回结果，不会有初始集合中的内容，比如$("p").find("span")，是从<p>元素开始找<span>，等同于$("p span")jQuery.children(expr)，返回所有子节点，这个方法只会返回直接的孩子节点，不会返回所有的子孙节点。//得到s的上一个兄弟节点。
JS获取已知元素的下一个元素
热门推荐
努力学习.不断前进
04-28 1万+
new document <!-- window.onload=nextnode; function nextnode(){ if(!document.getElementsByTagName) return false; var heads = document.getElementsByTagName("h1"
jQuery获取某元素的上一个、下一个、父元素、子元素元素（学习笔记）
廖小生的博客
04-07 3884
jQuery获取某元素的上一个、下一个、父元素、子元素
一个JavaScript获取元素当前高度的实例
10-25
每天一个JavaScript实例-获取元素当前高度 #date{ width:90%; height:25%; padding:10px; background: red; } window.onload = function(){ var height = getHeight(); console.log(height); } ...
JavaScript 获取元素在父节点中的下标(推荐)
10-19
首先，我们要明白原生JavaScript的DOM API并不直接提供一个类似`index()`的方法来获取元素的索引。为了实现这一功能，我们需要借助于`querySelectorAll()`方法和数组的`indexOf()`方法。下面是一个具体的示例： ```...
JavaScript Select和Option列表元素上下左右移动
10-30
然后，我们获取当前选中的 Option 元素的索引，并将其与其上一项进行交换。最后，我们将当前选中的 Option 元素设置为新的选中状态。 3. 实现左右移动功能 除了上下移动功能之外，我们还需要实现左右移动功能。这...
JavaScript获取页面上某个元素的代码
10-28
大多数的javascript操作都需要获取先获取页面上的某个元素，引用其为当前脚本中的一个对象，然后加以操作或获取节点树形。
原生JS获取指定元素下指定子元素（兼容所有浏览器）
weixin_30449453的博客
10-27 5423
好几天没有写博客了，今天分享下JS如何获取指定元素下指定的子元素。 原理： 由于JS内置获取子元素节点方法(children）不兼容低版本浏览器（ie 6-8），通过获取所有子节点（childNodes）方法获取所有子节点，循环判断取出元素子节点，存储在数组里，循环数组判断取出数组元素和传递元素相同的元素节点，具体见下面代码。 <!DOCTYPE html> <htm...
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
js 获取元素下面所有li的两种方法
10-26
主要介绍了js如何获取元素下面所有的li，有哪些方法,需要的朋友可以参考下
js获取数组的最后一个元素
10-24
主要介绍了javascript获取数组的最后一个元素,需要的朋友可以参考下
JavaScript 获取元素的8种方法
qq_41363062的博客
01-17 1934
DOM 文档对象模型（Document Object Model），是W3C组织推荐的处理可扩展置标语言的标准编程接口。简单理解就是 DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。我们用JavaScript对网页进行的所有操作都是通过DOM进行的。 JS获取DOM元素的八种方法 通过ID获取（getElementById） 通过name属性（getElementsByName）...
用JS获取某个元素同一个div或tr下的其它元素方法
qq_40936181的博客
03-30 3904
有时候我们需要根据某个元素值获取或改变其它元素值，也就是级联操作。 如果同个页面两者相关的元素都只有一个，那就比较容易处理，可以通过给每个元素设置唯一ID的方式在JS获取到元素对象，然后进行想要的修改，这种没什么好说的。但如果同个页面两者相关的元素都不止一个，比如现在有多行数据，每一行都有一个叫姓名和性别的两个元素。 // 要求填写姓名后自动给性别赋值 <div> <div> <label>姓名</label> &
《web开发： JavaScript DOM获取元素》
yexiangCSDN的专栏
01-08 1021
一、JavaScript DOM获取元素 1、DOM获取元素 1.1 如何获取页面元素 DOM在我们实际开发中主要用来操作元素。 我们如何来获取页面中的元素呢? 1.1 如何获取页面元素 获取页面中的元素可以使用以下几种方式:  根据 ID 获取  根据标签名获取  通过 HTML5 新增的方法获取  特殊元素获取 1.2 根据 ID 获取 使用 getElementById() 方法可以获取带有 ID 的元素对象。 document.getElementByI...
笔记-jQuery
weixin_40712618的博客
08-15 160
不是原创哦，笔记是照着关注的微信公众号Web前端之巅记下来的，大家去关注吧！她的博客地址是https://blog.csdn.net/lvonve/，非常感谢她！ 介绍 jQuery是JavaScript函数库，是一个js文件，封装了很多方法。 jQuery特点: 具有独特的链式语法和短小清晰的多功能接口 具有高效灵活的css选择器，并且可以对css选择器进行扩展 拥有便捷的插件...
JavaScript_查找指定节点之后的下一个元素节点_getNextElement(node)_JavaScript扩展
迎难而上
05-08 5377
JavaScript 对DOM 操作非常灵活, node.nextSibling 可以方便找到下一个结点, 但这个结点不一定是元素节点 这有一个对JavaScript 的扩展函数, 可以供大家参考 //功能： 查找node节点的下一个元素节点 node为当前节点 // ** node.nexSibling 得到节点的下一个节点, 不一定是元素节点 //功能： 查找no
js函数-获取下一个元素节点元素getNextElement()
Antg的博客
04-10 1590
一、代码如下 function getNextElement(node){ if(node.nodeType == 1){ return node; } if(node.nextSibling){ return getNextElement(node.nextSibling); } return null; } 二、作用 该函数可获取下一个节点元素 注意：nextSibling...
js 获取当前元素的下一个元素
05-17
可以使用 `nextElementSibling` 属性来获取当前元素的下一个元素，例如： ```javascript var currentElement = document.getElementById("currentElement"); var nextElement = currentElement.nextElementSibling;...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值