如何用js更改元素对象的样式属性

JavaScript011

如何用js更改元素对象的样式属性,第1张

1、当元素绑定class样式

<div id="d1" class="red">hello</div>

此时可以通过改变class，去修改元素样式：

document.getElementById("d1").className="green"

2、当元素使用直接样式，即

<div id="d1" style="color:red">hello</div>

document.getElementById("d1").style.color="green"

找到目标元素的父元素，再找到它的子元素即可：

目标元素.parentNode.childNode

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

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