如何获取属性节点的nodeName属性？例如我想获取input元素的type属性。
wobugaosuni2
2016-07-25 20:41
对于元素节点的属性，可以通过getElementsByTagName()获取标签，然后使用nodeName输出。那么对于属性节点的是怎么操作的呢？
2回答
-
- qq_二冬_0
- 2016-07-26 11:07:05
应该是用getAttributeNode(“属性名称”)这个方法吧，当然要先获取元素节点，再对元素节点使用这个方法
-
- 柠檬叶子
- 2016-07-26 15:38:15
在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性 ：
1. nodeName : 节点的名称
2. nodeValue ：节点的值
3. nodeType ：节点的类型
一、nodeName 属性: 节点的名称，是只读的。
1. 元素节点的 nodeName 与标签名相同
2. 属性节点的 nodeName 是属性的名称
3. 文本节点的 nodeName 永远是 #text
4. 文档节点的 nodeName 永远是 #document二、nodeValue 属性：节点的值
1. 元素节点的 nodeValue 是 undefined 或 null
2. 文本节点的 nodeValue 是文本自身
3. 属性节点的 nodeValue 是属性的值三、nodeType 属性: 节点的类型，是只读的。以下常用的几种结点类型:
元素类型 节点类型
元素 1
属性 2
文本 3
注释 8
文档 9例如：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div name="message" id="div1">test</div> <script type="text/javascript"> var div1 = document.getElementById("div1").getAttributeNode("name"); document.write(div1.nodeName+"<br/>"+div1.nodeValue); </script> </body> </html>输出结果：
test
name //nodeName
message //nodeValue
注：上例script放在属性节点后面，否则getAttributeNode()找不到属性节点。
JavaScript进阶篇
468194 学习 · 21891 问题
相似问题