วิธีการ removeAttributeNode() ของ HTML DOM Element

การระบุและวิธีใช้

removeAttributeNode() วิธีการลบคุณสมบัติจากองค์ประกอบ และคืนค่า องค์ประกอบ Attribute。

ความแตกต่างระหว่าง removeAttribute() และ removeAttributeNode()

removeAttribute() วิธีการลบคุณสมบัติ และไม่มีค่าที่จะคืน

removeAttributeNode() วิธีการลบ องค์ประกอบ Attrและคืนค่าองค์ประกอบที่ถูกลบ

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

ทางเลือกที่มีอยู่:

ใช้ วิธี removeAttribute() ง่ายขึ้นแล้ว。

อ่านเพิ่มเติม:

คู่มืออ้างอิง：

วิธีการ getAttributeNode()

วิธีการ setAttributeNode()

วิธีการ createAttribute()

วิธีการ getAttribute()

วิธีการ setAttribute()

วิธีการ hasAttribute()

Attribute value ค่าแอตทริบิวท์

HTML DOM Attribute Object

ตัวอย่าง:

ตัวแปร HTML คุณสมบัติ

ตัวอย่าง

ตัวอย่าง 1

ลบแนวหน้าคุณสมบัติ class จากองค์ประกอบ <h1> แรก:

const element = document.getElementsByTagName("H1")[0];
const attr = element.getAttributeNode("class");
element.removeAttributeNode(attr);

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

ตัวอย่าง 2

ลบแนวหน้าคุณสมบัติ href จากลิงก์:

const element = document.getElementById("myAnchor");
const attr = element.getAttributeNode("href");
element.removeAttributeNode(attr);

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

รูปแบบ

element.removeAttributeNode(oldAttr)

ตัวแปร

ตัวแปร การอธิบาย
oldAttr สำคัญต้องการ แนวหน้าคุณสมบัติที่ต้องการลบ

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

ชนิด การอธิบาย
องค์ประกอบ แสดงที่มีองค์ประกอบ Attr ที่ถูกลบ

ทิ้ง

ผลพลาด การอธิบาย
NO_MODIFICATION_ALLOWED_ERR องค์ประกอบปัจจุบันเป็นองค์ประกอบที่มีความสามารถอ่านแค่นี้ ไม่อนุญาตให้ลบคุณสมบัติ
NOT_FOUND_ERR oldAttr ไม่ใช่คุณสมบัติขององค์ประกอบปัจจุบัน

การอธิบาย

วิธีนี้จะลบ (และกลับ) แนวหน้า Attr จากชุดคุณสมบัติขององค์ประกอบปัจจุบัน ถ้าDTDได้ตั้งค่าค่าเริ่มต้นสำหรับคุณสมบัติที่ต้องการลบ วิธีนี้จะเพิ่มแนวหน้า Attr ใหม่ที่แสดงค่าเริ่มต้นนี้

คำเตือน：ใช้ วิธี removeAttribute() การใช้วิธีนี้มักจะง่ายขึ้น

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

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

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

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