คุณสมบัติ attributes ของ Element HTML DOM

คำนิยามและการใช้งาน

attributes คุณสมบัติที่กลับค่าชุดของคุณสมบัติที่อยู่ในองค์ประกอบ

attributes คุณสมบัติที่กลับค่า NamedNodeMap。

NamedNodeMap

NamedNodeMap คือชุดของคุณสมบัติขององค์ประกอบที่คล้ายตัวแปรแอร์เรย์ที่ไม่มีความเรียงตามลำดับ

หมายความว่า NamedNodeMap คือ Attr ตัวแปรรายชื่อ

NamedNodeMap ให้กลับค่ารายชื่อของตัวแปรที่สามารถกลับค่าจำนวนของตัวแปรได้ length ค่า。

เลขที่นำหลักเข้าสู่ตำแหน่งของตัวแปรที่ใช้ชื่อหรือตำแหน่งด้วยจุดหมายเลข (index) จาก 0 เริ่มต้น

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

คุณสมบัติ HTML DOM

ตัวอย่าง

ตัวอย่าง 1

มีแอตทริบิวต์เท่าไหร่ในองค์ประกอบ <img> หรือเปล่า:

let numb = document.getElementById("myImg").attributes.length;

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

ตัวอย่าง 2

แสดงคุณสมบัติทั้งหมดขององค์ประกอบ <img> ออกมา:

const nodeMap = document.getElementById("myImg").attributes;
let text = "";
for (let i = 0; i < nodeMap.length; i++) {
  text += nodeMap[i].name + " = " + nodeMap[i].value + "<br>";
}
document.getElementById("demo").innerHTML = text;

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

ตัวอย่าง 3

มีแอตทริบิวต์เท่าไหร่ในองค์ประกอบ <button> หรือเปล่า:

let numb = document.getElementById("myButton").attributes.length;

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

ตัวอย่าง 4

เอาชื่อของแอตทริบิวต์ที่สอง (index 1) ของปุ่ม <button> มา

let attr = document.getElementById("myBtn").attributes[1].name;

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

สyntax

node.attributes

ค่าที่กลับมา

ประเภท การอธิบาย
NamedNodeMap ชุดของตัวแปรแอตทริบิวต์。

การรองรับโดยเบราเซอร์

element.attributes คือคุณสมบัติ DOM Level 1 (1998)。

ทุกเบราซเรอร์ต่างๆ สนับสนุนมันทั้งหมด

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