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