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

首页课程实战体系课手记专栏慕课教程

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

来源：9-7 节点属性

慕粉1469604703

2016-09-07 10:25

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

写回答关注

3回答

传说中的小白龙: 2016-09-27 18:33:42

对于获取属性节点，可以使用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()返回值类似。

0 0

慕粉3492982

2016-09-11 10:29:59

<div class="attr-class" id="attr-id">
这是文本
</div>
javascript DOM节点有多种类型，我们常用的有(对应上述html片段)：
元素节点 [div]
属性节点 [class、id]
文本节点 [这是文本]

0 0
慕UI7486181

2016-09-07 12:02:00

document.getElementById("id");
document.getElementByClassName("class")

0 0

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题

什么是元素节点、属性节点、文本节点、文档节点

回答 1

文本节点元素节点

回答 2

属性节点，文本节点，文档节点

回答 1

文本节点与元素节点

回答 1

属性节点，文本节点，文档节点要怎么表示

回答 1

打开慕课网App查看更多内容