js通过event获取兄弟元素的方法
时间: 2024-05-01 09:22:45 浏览: 10
可以通过以下两种方式获取兄弟元素:
1. 使用`event.target`获取当前元素,再通过`parentNode`属性获取父元素,最后通过`children`属性获取父元素下的所有子元素,再通过循环遍历获取兄弟元素。
示例代码如下:
```
function getSiblings(event) {
var siblings = [];
var parent = event.target.parentNode;
var children = parent.children;
for (var i = 0; i < children.length; i++) {
if (children[i] !== event.target) {
siblings.push(children[i]);
}
}
return siblings;
}
```
2. 使用`event.target`获取当前元素,再通过`previousElementSibling`和`nextElementSibling`属性获取前一个兄弟元素和后一个兄弟元素。
示例代码如下:
```
function getSiblings(event) {
var siblings = [];
var previousSibling = event.target.previousElementSibling;
var nextSibling = event.target.nextElementSibling;
while (previousSibling) {
siblings.push(previousSibling);
previousSibling = previousSibling.previousElementSibling;
}
while (nextSibling) {
siblings.push(nextSibling);
nextSibling = nextSibling.nextElementSibling;
}
return siblings;
}
```