HTML DOM Element getAttributeNode() 方法

定義和用法

getAttribute() 方法返回指定屬性名的屬性值，以 Attr 對象。

替代方案：

使用 getAttribute() 方法 會更容易。

另請參閱：

setAttribute() 方法

hasAttribute() 方法

removeAttribute() 方法

setAttributeNode() 方法

removeAttributeNode() 方法

教學：

คุณสมบัติ HTML

參考手冊：

HTML DOM 屬性對象

知識點：getAttribute() 和 getAttributeNode() 的區別

getAttribute() 方法返回屬性的值。

getAttributeNode() วิธีที่คืนค่า เป็นออบเจ็กท์ Attrคุณจะต้องใช้ คุณสมบัติ value ของ Attr เพื่อที่จะได้ค่านี้

ผลลัพธ์จะเหมือนกัน

ตัวอย่าง

ตัวอย่าง 1

เข้าถึงค่าหน่วยงาน class ของหัวข้อ <h1>:

const element = document.getElementsByTagName("H1")[0];
let text = element.getAttributeNode("class").value;

ลองด้วยตัวเอง

ตัวอย่าง 2

เข้าถึงค่าหน่วยงาน target ของลิงก์ <a>:

var elmnt = document.getElementById("myAnchor");
var attr = elmnt.getAttributeNode("target").value;

ลองด้วยตัวเอง

ตัวอย่าง 3

เข้าถึงค่าหน่วยงาน onclick ของปุ่ม <button>:

var elmnt = document.getElementById("myBtn");
var attr = elmnt.getAttributeNode("onclick").value;

ลองด้วยตัวเอง

การเขียน

element.getAttributeNode(name)

ตัวแปล

ตัวแปล รายละเอียด
name จำเป็น

ค่าที่คืนค่า

ชนิด รายละเอียด
ตัวแปล เป็นออบเจ็กท์ Attr ของหน่วยงานเครื่องหมายคุณสมบัติ
null หากคุณสมบัติไม่มีอยู่

คำอธิบาย

getAttributeNode() วิธีนี้จะคืนค่าและได้หน่วยงาน Attr ที่แสดงค่าของคุณสมบัติที่กำหนด จำเป็นที่จะได้หน่วยงาน Attr นี้ผ่านทางตัวแปล attributes ที่สืบทอดมาจากส่วนที่เรียกว่า Node ด้วยเช่นกัน

การสนับสนุนของเบราวเซอร์

element.getAttributeNode() เป็นคุณสมบัติของ DOM Level 1 (1998)

ทุกบราวเซอร์สนับสนุนเสร็จสมบูรณ์:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
การสนับสนุน 9-11 การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน