如何獲取屬性節點的nodeName屬性？例如我想獲取input元素的type屬性。
對于元素節點的屬性，可以通過getElementsByTagName()獲取標簽，然后使用nodeName輸出。那么對于屬性節點的是怎么操作的呢？
wobugaosuni2
2016-07-25
2 回答
舉報
0/150
提交
取消
2016-07-26
應該是用getAttributeNode(“屬性名稱”)這個方法吧，當然要先獲取元素節點，再對元素節點使用這個方法
2016-07-26
在文檔對象模型 (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()找不到屬性節點。