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

 

posted @ 2017-02-21 03:06  sx00xs  阅读(9957)  评论(0编辑  收藏  举报