JavaScript 元素获取 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js获取元素</title>

    <script type="text/javascript">
        // 因为html是解释语言, js所添加的样式应在内容下面, 所以, 在没有添加固定语句的时候需要把js语句写在内容后面.
        window.onload = function(){  // 窗口加载完毕后执行函数

        /*
        // Document.getElementById('div01').style.color = "red";
        // 注意,document应为小写, 大写无法执行.
        document.getElementById('div01').style.color = "red";
        // document.getElementById('div01').style.font-size = "30px";
        // js语法与css语法很有区别,font-size应用fontSize表达,使用匈牙利命名风格.
        document.getElementById('div01').style.fontSize = '30px';
        }
        */
            var oDiv = document.getElementById('div01');
            oDiv.style.color = 'red';
            oDiv.style.fontSize = '33px'; 

            /*
            var iNum = 15;
            var sTr = "abc";
            var bIS = true;
            var nNo = null;
            */
            // 赋值语句可多次赋值, var声明之后,可用逗号分割需要赋值的变量;
            // JavaScript采用遍历方式查找元素, 复用元素设置变量能够有效提升性能.

        }

    </script>


</head>
<body>
    <div class="box1" id="div01" >这是一个div元素</div>

</body>
</html>

 

posted @ 2019-08-13 17:17  Jrri  阅读(178)  评论(0)    收藏  举报