欢迎光临
我的个人博客网站

JavaScript封装函数:获取下一个/上一个兄弟元素节点


要求:

  1. 获得下一个/上一个兄弟元素节点,不包括文本节点等
  2. 解决IE兼容性问题

代码实现:

获得下一个兄弟元素节点:

function getNextElement(element) {     var el = element;     while (el = el.nextSibling) {         if (el.nodeType === 1) {             return el;         }     }     return null; } 

获得上一个兄弟元素节点:

function getPrevElement(element) {     var el = element;     while (el = el.previousSibling) {         if (el.nodeType === 1) {             return el;         }     }     return null; } 

实现效果:

有如下两兄弟标签:

<div>div</div> <span>span</span> 

获得下一个兄弟元素节点:
输入:

var div = document.querySelector('div'); console.log(getNextElement(div)); 

输出:

<span>span</span> 

获得上一个兄弟元素节点:
输入:

var span = document.querySelector('span'); console.log(getPrevElement(span)); 

输出:

<div>div</div> 
赞(0) 打赏
未经允许不得转载:张拓的天空 » JavaScript封装函数:获取下一个/上一个兄弟元素节点
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏