wobugaosuni2
2016-07-25 20:41
对于元素节点的属性,可以通过getElementsByTagName()获取标签,然后使用nodeName输出。那么对于属性节点的是怎么操作的呢?
应该是用getAttributeNode(“属性名称”)这个方法吧,当然要先获取元素节点,再对元素节点使用这个方法
在文档对象模型 (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进阶篇
468061 学习 · 21891 问题
相似问题