HTML DOM getAttributeNode()เมธอด
❮ วัตถุธาตุตัวอย่าง
รับค่าของโหนดแอตทริบิวต์คลาสขององค์ประกอบ <h1>:
var elmnt = document.getElementsByTagName("H1")[0];
var attr = elmnt.getAttributeNode("class").value;
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
เมธอด getAttributeNode() ส่งคืนโหนดแอตทริบิวต์ด้วยชื่อที่ระบุขององค์ประกอบ เป็นอ็อบเจ็กต์ Attr
เคล็ดลับ:ใช้ คุณสมบัติ .value แอตทริบิวต์เพื่อคืนค่าของโหนดแอตทริบิวต์
เคล็ดลับ:ใช้เมธอด getAttribute() หากคุณต้องการคืนค่าแอตทริบิวต์
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับอ็อบเจ็กต์ Attr โปรดดู ที่ HTML DOM Attribute Object
รองรับเบราว์เซอร์
Method | |||||
---|---|---|---|---|---|
getAttributeNode() | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
element.getAttributeNode(attributename)
พารามิเตอร์
Parameter | Type | Description |
---|---|---|
attributename | String | Required. The name of the attribute you want to return |
รายละเอียดทางเทคนิค
คืนมูลค่า: | วัตถุ Attr แทนโหนดแอตทริบิวต์ที่ระบุ หมายเหตุ:หากไม่มีแอตทริบิวต์ ค่าที่ส่งคืนจะเป็นnullหรือสตริงว่าง ("") |
---|---|
เวอร์ชัน DOM | วัตถุองค์ประกอบหลักระดับ 1 |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
รับค่าโหนดแอตทริบิวต์เป้าหมายขององค์ประกอบ <a>:
var elmnt = document.getElementById("myAnchor");
var attr = elmnt.getAttributeNode("target").value;
ตัวอย่าง
รับค่าของโหนดแอตทริบิวต์ onclick ขององค์ประกอบ <button>:
var elmnt = document.getElementById("myBtn");
var attr = elmnt.getAttributeNode("onclick").value;
หน้าที่เกี่ยวข้อง
บทช่วยสอน HTML: แอตทริบิวต์ HTML
การอ้างอิง HTML DOM: HTML DOM Attribute Object
การอ้างอิง HTML DOM: getAttribute() Method
การอ้างอิง HTML DOM: แอตทริบิวต์ .value คุณสมบัติ
การอ้างอิง HTML DOM: removeAttributeNode() Method
การอ้างอิง HTML DOM: setAttributeNode() Method
❮ วัตถุธาตุ