JavaScript控制样式

来源:互联网 发布:幕墙易云计算好用吗 编辑:程序博客网 时间:2024/06/03 09:07

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

    <!--  开始书写js代码 -->

    <script>    

            window.onload = function (){

                // 获取该元素box,采用的是获取ID的方式

                var  box = document.getElementById('box');

                //  设置box的宽度

                box.style.width = "200px";

                //   设置box的高度

                box.style.height = "200px";

                //    设置box的背景颜色

                box.style.backgroundColor = "orange";

                //    设置box字体居中

                box.style.textAlign = "center";

            }

    </script>
</head>
<body>
    <div id="box">使用js控制样式</div>
</body>
</html>

0 0