码迷,mamicode.com
首页 > 其他好文 > 详细

属性节点的获取

时间:2020-03-28 13:14:44      阅读:70      评论:0      收藏:0      [点我收藏+]

标签:get   nod   attrs   selector   cto   下标   body   ons   head   

<!DOCTYPE html>
<html>
    <head>

    </head>
    <body>
        <div id = "box" name = "bird">

        </div>

        <script>
// 获取属性节点的方式:利用元素节点的attribute属性来获取到所有的属性节点,使用下标获取某个属性节点
var div = document.querySelector(‘#box‘);
var attrs = div.attributes;
console.log(attrs);
console.log(typeof attrs[0]);
console.log(attrs[0].nodeType);
 
//要获取元素身上的某个属性节点,可以使用元素节点.getAttributeNode(‘属性名‘)方法
var attr = div.getAttributeNode(‘id‘);
console.log(attr);
var attr2 = div.getAttributeNode(‘name‘);
console.log(attr2);

        </script>
    </body>
</html>

属性节点的获取

标签:get   nod   attrs   selector   cto   下标   body   ons   head   

原文地址:https://www.cnblogs.com/1998Archer/p/12586683.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!