如何获取属性节点的nodeName属性？例如我想获取input元素的type属性。
对于元素节点的属性，可以通过getElementsByTagName()获取标签，然后使用nodeName输出。那么对于属性节点的是怎么操作的呢？
wobugaosuni2
2016-07-25
2 回答
在文档对象模型 (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()找不到属性节点。
举报
0/150
提交
取消
