2020.04.08 通过HTML DOM来控制元素样式的两种方法 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>控制样式</title>
    <style>
        .d1{
            border: 1px solid red;

        }
    </style>
</head>
<body>
    <div id="div1">div1</div>
    <div id="div2">div2</div>
    <script>
        var div1 = document.getElementById("div1");
        div1.onclick=function () {
            //修改样式方式一
            div1.style.fontSize="xx-large";
            div1.style.color="red";
        }

        var div2 = document.getElementById("div2");
        div2.onclick=function () {
            //修改样式方式二
            div2.className="d1";
        }
    </script>
</body>
</html>
posted @ 2020-04-08 22:10  ByLir  阅读(148)  评论(0)    收藏  举报