วิธี getAttribute() ขององค์ประกอบ DOM HTML

คำนิยามและวิธีใช้

getAttribute() วิธีนี้จะคืนค่าคุณสมบัติขององค์ประกอบที่มีคุณสมบัติ

ดูเพิ่มเติม:

setAttribute() วิธี

removeAttribute() วิธี

วิธีการ hasAttribute()

วิธีการ hasAttributes()

วิธีการ createAttribute()

วิธีการ getAttributeNode()

วิธีการ setAttributeNode()

วิธีการ removeAttributeNode()

ตัวอย่าง:

คุณสมบัติ HTML

ตัวอย่าง

ตัวอย่าง 1

ดึงค่าของอัตรายอด class ของ element

let text = element.getAttribute("class");

ทดสอบด้วยตัวเอง

ตัวอย่าง 2

ดึงค่าของอัตรายอด target ของ element <a> มา

let text = myAnchor.getAttribute("target");

ทดสอบด้วยตัวเอง

ตัวอย่าง 3

ดึงค่าของอัตรายอด onclick ของ element <button> มา

let text = myButton.getAttribute("onclick");

ทดสอบด้วยตัวเอง

กระบวนการ

element.getAttribute(name)

ตัวแปร

ตัวแปร คำอธิบาย
name จำเป็น

ค่าที่ส่งกลับ

ประเภท คำอธิบาย
ตัวอักษร ค่าของอัตรายอด
null ถ้าอัตรายอดไม่มีอยู่

รายละเอียดเทคนิค

HTMLElement ตัวแทนมีคุณสมบัติ JavaScript ที่ตรงกันและตรงข้ามกับอัตรายอด HTML มาตรฐาน ดังนั้น คุณจะต้องใช้วิธีการนี้พร้อมกับเอกสาร HTML ต่อไป เมื่อคุณต้องการค้นหาค่าของอัตรายอดที่ไม่มาตรฐาน

ในเอกสาร XML ค่าของอัตรายอดไม่สามารถใช้โดยตรงเป็นอัตรายอดขององค์ประกอบ ต้องใช้วิธีการเรียกใช้เพื่อค้นหา สำหรับเอกสาร XML ที่ใช้ชื่อช่วงนามพื้นฐาน ต้องใช้ วิธีการ getAttributeNS().

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

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

ทุกบราวเซอร์ทุกตัวสนับสนุนมันอย่างเต็มที่:

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