js 修改元素CSS属性的 3 种方法
1 直接设置元素的 style 属性:
<div id="myDiv">test</div>
var myDiv = document.getElementById("myDiv"); myDiv.style.backgroundColor = "red";
2 使用 setAttribute()方法创建整个CSS样式规则:
var myDiv = document.getElementById("myDiv"); myDiv.setAttribute("style", "background-color:blue; color:red; border:1px solid black");
3 预定义一个class 类样式规则,给元素添加类属性
.money{ background-color:green; color:brown; border:1px solid black; }
var myDiv = document.getElementById("myDiv"); myDiv.setAttribute("class", "money");