JavaScript实现获取某个元素相邻兄弟节点的prev与next方法
更新时间：2016年01月25日 15:12:59 作者：m1870164
这篇文章主要介绍了JavaScript实现获取某个元素相邻兄弟节点的prev与next方法,涉及JavaScript基于函数的判定及调用previousSibling与nextSibling的相关技巧,需要的朋友可以参考下
本文实例讲述了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) {
if(nearEle.nodeType === 1) {
return nearEle;
}
nearEle = nearEle[type];
if(!nearEle) {
break;
}
}
return null;
}
/**
* 获取当前执行对象的上一个元素
*/
function prev() {
return getNearEle(this, 1);
}
/**
* 获取当前执行对象的下一个元素
*/
function next() {
return getNearEle(this, 0);
}
// var ele = document.getElementById("xxx");
// var prevElement = prev.call(ele);
// var nextElement = next.call(ele);
更多关于JavaScript节点操作相关内容感兴趣的读者可查看本站专题：《JavaScript操作DOM技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
JavaScript中操作字符串是一个很重要的话题,下面这篇文章主要给大家介绍了关于javascript中字符串处理常用的方法,文中通过图文以及代码示例介绍的非常详细,需要的朋友可以参考下2024-03-03
本篇文章主要介绍了ionic 3.0+ 项目搭建运行的教程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
这篇文章主要介绍了js实现的Easy Tabs选项卡用法,以完整实例形式较为详细的分析了JavaScript鼠标事件动态操作页面元素样式的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
下面小编就为大家带来一篇js的OOP继承实现(必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
浮点数精度问题是指在计算机中使用二进制表示浮点数时,由于二进制无法精确表示某些十进制小数,本文主要介绍了JavaScript 浮点数精度问题,具有一定的参考价值,感兴趣的可以了解一下2025-02-02
这篇文章主要给大家介绍了7道关于JS this的面试题，来看看你能答对几个，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
Javascript Function.prototype.bind详细分析
这篇文章主要介绍了Javascript Function.prototype.bind详细分析的相关资料,需要的朋友可以参考下2016-12-12
这篇文章主要介绍了如何利用HTML+CSS+JS模仿Windows实现桌面主题特效，文中的示例代码讲讲详细，感兴趣的小伙伴可以跟随小编一起学习一下2022-06-06
本篇文章主要是对document.execCommand()的用法进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
这篇文章主要介绍了JS实现简单的tab切换选项卡效果,涉及javascript结合鼠标事件对页面元素属性动态操作的相关技巧,需要的朋友可以参考下2016-09-09
最新评论