JS---元素属性的操作 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div class="container">this is a div.</div>
    </body>
    <script>
        var div=document.getElementsByClassName('container')[0];
        //1.DOM Core添加自定义属性
        div.setAttribute('author','zyz');
        //2.添加HTML标准属性
        div.style='color:red';
        //3.使用用DOM节点的做法，纯DOM Core
        var attr=document.createAttribute('data');//创建属性节点
        attr.nodeValue='mydata';//给属性指定值
        div.setAttributeNode(attr);//添加属性到元素节点
    </script>
</html>

 

posted @ 2018-06-13 10:31  框框A  阅读(172)  评论(0)  编辑  收藏  举报