HTML DOM Element getAttributeNode()
示例
獲取 <h1> 元素的 class 屬性節點的值
const element = document.getElementsByTagName("H1")[0];
let text = element.getAttributeNode("class").value;
自己動手試一試 »
更多示例見下文。
描述
getAttributeNode() 方法返回元素的屬性。
getAttributeNode() 方法返回一個 Attribute 物件。
getAttribute() 和 getAttributeNode() 的區別
getAttribute() 方法返回屬性的值。
getAttributeNode() 方法返回一個 Attr 物件，您必須使用 Attr value 屬性來獲取值。
結果將相同。
語法
element.getAttributeNode(name)
引數
| 引數 | 描述 |
| name | 必需。 屬性的名稱。 |
返回值
| 型別 | 描述 |
| 物件 | 屬性節點的 Attr 物件。 如果屬性不存在，則為 null。 |
更多示例
示例
獲取 <a> 元素的 target 屬性節點的值
var elmnt = document.getElementById("myAnchor");
var attr = elmnt.getAttributeNode("target").value;
自己動手試一試 »
示例
獲取 <button> 元素的 onclick 屬性節點的值
var elmnt = document.getElementById("myBtn");
var attr = elmnt.getAttributeNode("onclick").value;
自己動手試一試 »
瀏覽器支援
element.getAttributeNode() 是 DOM Level 1 (1998) 的一個特性。
所有瀏覽器都完全支援。
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
