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

JavaScript012

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

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

目标元素.parentNode.childNode

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

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

先通过父元素的子元素找到含自己在内的“兄弟元素”,然后判断剔除自己。

function siblings(elem) {

    var a = []

    var b = elem.parentNode.children

    for(var i =0,i<b.lengthi++) {

        if(b[i] !== elem) a.push(b[i])

    }

    return a

}