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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM