js如何给目标元素的兄弟元素更改样式

JavaScript011

js如何给目标元素的兄弟元素更改样式,第1张

找到目标元素的父元素,再找到它的子元素即可:

目标元素.parentNode.childNode

然后再通过循环给每个元素更改样式即可。当然这里面也包括了目标元素,要不要排除掉就看你了

也可以直接找目标元素的兄弟元素,但这要分两步走:往前找和往后找,除非目标元素是所有兄弟里面的老大或老幺,倒不如通过老爸直接找到所有兄弟来得更快更方便。

简单来看,两种,一种直接根据classname或者Id去获取对应的元素拿到你要的值;

第二种通过定位当前元素,然后通过获取兄弟节点的方式去获取,相关法请自行查阅资料,一查一大把,自己查出来的才能留下更深的印象

先获取父节点: var parentEle=ele.parentNode

在获取父节点的兄弟节点:var parentEle1=parentEle.previousSbiling//上一个节点

某个子节点:var obj=parentEle1.firstChild//第一个子节点

jQuery也有相应的方法。