JS示例06-document.getElementsByTag

作者: 微小码 | 来源:发表于2019-03-28 16:46 被阅读0次

一、知识要点

1、行间样式优先级高于class属性样式（设置过行间样式后，再设置属性样式则无效）
2、对同一个元素只采用一种属性控制方式（要不是行间样式，要不是class样式），不要混用

二、源码参考

<!DOCTYPE >
<html>

    <head>
        <title></title>
        <meta charset="utf-8">
        <style>
            .div1 {
                width: 200px;
                height: 100px;
                border: 1px solid #999;
                background: green;
            }
        </style>
        <script>
            window.onload = function() {
                var div1 = document.getElementsByTagName('div');
                for(var i = 0; i < div1.length; i++) {
                    div1[i].className = 'div1';
                }
            }
        </script>
    </head>

    <body>
        <div>

        </div>
        <div>

        </div>
        <div>

        </div>
        <div>

        </div>

    </body>

</html>