使用javascript获取DOM相邻元素

linziping

已于 2023-09-15 17:10:11 修改

阅读量4.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript dom 相邻元素文章标签： javascript 前端开发语言

于 2019-10-15 09:35:19 首次发布

本文链接：https://blog.youkuaiyun.com/linziping/article/details/102560768

javascript 同时被 3 个专栏收录

13 篇文章

订阅专栏

dom

1 篇文章

订阅专栏

相邻元素

1 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于获取指定DOM元素的相邻元素。通过判断参数type，可以获取前一个或后一个相邻的兄弟元素，同时排除了文本节点，确保只返回元素节点。

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

函数：getNearEle
params
ele: 当前元素
type: 相邻元素类型，type=1相邻上一个元素，type=2相邻下一个元素

function getNearEle(ele, type){
	type = (type==1)?'previousSibling':'nextSibling';
	var nearEle = ele[type];
	while(nearEle){
		if(nearEle.nodeType == 1){ // 节点类型是元素时返回该元素，排除文本节点（空格）、注释
			return nearEle;
		}else{
			nearEle = nearEle[type];
		}
		if(!nearEle){ // 没有相邻元素，终止循环
			break;
		}
	}
	return null;
}