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");

 

转载于:https://www.cnblogs.com/sx00xs/p/6422289.html