如何獲取屬性節(jié)點(diǎn)的nodeName屬性？例如我想獲取input元素的type屬性。
對(duì)于元素節(jié)點(diǎn)的屬性，可以通過getElementsByTagName()獲取標(biāo)簽，然后使用nodeName輸出。那么對(duì)于屬性節(jié)點(diǎn)的是怎么操作的呢？
wobugaosuni2
2016-07-25
2 回答
舉報(bào)
0/150
提交
取消
2016-07-26
應(yīng)該是用getAttributeNode(“屬性名稱”)這個(gè)方法吧，當(dāng)然要先獲取元素節(jié)點(diǎn)，再對(duì)元素節(jié)點(diǎn)使用這個(gè)方法
2016-07-26
在文檔對(duì)象模型 (DOM) 中，每個(gè)節(jié)點(diǎn)都是一個(gè)對(duì)象。DOM 節(jié)點(diǎn)有三個(gè)重要的屬性 ：
1. nodeName : 節(jié)點(diǎn)的名稱
2. nodeValue ：節(jié)點(diǎn)的值
3. nodeType ：節(jié)點(diǎn)的類型
一、nodeName 屬性:?節(jié)點(diǎn)的名稱，是只讀的。
1.?元素節(jié)點(diǎn)的 nodeName 與標(biāo)簽名相同
2.?屬性節(jié)點(diǎn)的 nodeName 是屬性的名稱
3.?文本節(jié)點(diǎn)的 nodeName 永遠(yuǎn)是 #text
4.?文檔節(jié)點(diǎn)的 nodeName 永遠(yuǎn)是 #document
二、nodeValue 屬性：節(jié)點(diǎn)的值
1. 元素節(jié)點(diǎn)的 nodeValue 是?undefined 或 null
2. 文本節(jié)點(diǎn)的 nodeValue 是文本自身
3. 屬性節(jié)點(diǎn)的 nodeValue 是屬性的值
三、nodeType 屬性:?節(jié)點(diǎn)的類型，是只讀的。以下常用的幾種結(jié)點(diǎn)類型:
元素類型?? ?節(jié)點(diǎn)類型
? 元素 ? ? ? ? ?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>輸出結(jié)果：
test
name ? ? ? ? ?//nodeName
message ? ? ?//nodeValue
注：上例script放在屬性節(jié)點(diǎn)后面，否則getAttributeNode()找不到屬性節(jié)點(diǎn)。