                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

我们很容易得到元素节点，文本节点，那我们怎么得到属性节点的呢？？？

慕粉1469604703

2016-09-07

源自：JavaScript进阶篇 9-7

关注问题我要回答

695

操作

收起

3 回答

传说中的小白龙
2016-09-27

对于获取属性节点，可以使用attributes属性。具体使用：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <body>
        <ul>
            <li id='a' class='acv' name='name_a'>javascript</li>
            <li>HTML/CSS</li>
            <li>jQuery</li>
        </ul>
        <script type='text/javascript'>
            //attributes属性和getElementsByTagName属性类似是返回集合类型值
 var li = document.getElementsByTagName("li")[0].attributes;
            for (var i = 0; i < li.length; i++) {
                var obj = li[i];
                document.writeln("这是遍历属性节点的"+obj.nodeName);
                document.writeln(obj.nodeValue);
                document.writeln(obj.nodeType+"<br>");
            }
            //也可以单独调出该标签某个属性值——数字为索引
 document.writeln("<br>"+"<br>"+"这是数字为索引的"+li[0].nodeName);
            document.writeln(li[0].nodeValue);
            document.writeln(li[0].nodeType+"<br>"+"<br>");
            //也可以单独调出该标签某个属性值——属性名为索引
 document.writeln("这是属性名为索引的"+li['name'].nodeName);
            document.writeln(li['name'].nodeValue);
            document.writeln(li['name'].nodeType);
        </script>
    </body>
</body>
</html>

可以复制运行。
该属性存取的是元素节点的所有属性值，是一个集合。和getElementsByTagName()返回值类似。