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

JavaScript020

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

}