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

JavaScript016

如何用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"

你可以先将要修改的css属性都放在一个class中，在需要的时候直接让这个对象调用这个class属性就可以了。jquery的写法就蛮简单，如果有需要也可以用jquery的，例子：$("").css({'color':'#ccc','font-size':'12px'})