使用javascript获取DOM相邻元素

原创已于 2023-09-15 17:10:11 修改 · 4.5k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

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

javascript 同时被 3 个专栏收录

13 篇文章

订阅专栏

dom

1 篇文章

订阅专栏

相邻元素

1 篇文章

订阅专栏

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

函数：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;
}