วิธี setAttributeNode() ของ HTML DOM Element

คำอธิบายและวิธีใช้

setAttributeNode() วิธีนี้เพิ่มคุณสมบัติที่กำหนดเข้าสู่องค์ประกอบ และกลับส่งองค์ประกอบ Attribute

วิธีนี้จะแทนที่คุณสมบัติที่เป็นไปได้โดยแน่นอนหากมีคุณสมบัตินี้ตั้งแต่ก่อน

ทางเลือกเพื่อแทนที่:

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

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

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

วิธี getAttributeNode()

วิธี removeAttributeNode()

วิธี createAttribute()

วิธี getAttribute()

วิธี setAttribute()

วิธี hasAttribute()

คุณสมบัติ Attribute value

องค์ประกอบ Attribute ของ HTML DOM

คู่มือ:

คุณสมบัติ HTML

แต่งตัว setAttribute() และ setAttributeNode()

setAttribute() วิธีที่แทนที่ค่าของคุณสมบัติ

setAttributeNode() วิธีที่แทนที่องค์ประกอบ Attribute

ก่อนที่จะเพิ่มคุณสมบัติเข้าสู่องค์ประกอบ คุณจำเป็นต้องสร้างองค์ประกอบ Attr และตั้งค่า Attr ที่เหมาะสม。

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

ตัวอย่าง

ตัวอย่าง 1

จัดตั้งโครงการค่าความหมาย class ของตัวอย่าง <h1> อย่างนี้:

const attr = document.createAttribute("class");
attr.value = "democlass";
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(attr);

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

ก่อนการตั้งค่า:

Hello World

หลังจากการตั้งค่า:

Hello World

ตัวอย่าง 2

ตั้งค่าขององค์ประกอบ href ของ <a> ไอเทม:

const attr = document.createAttribute("href");
attr.value = "";
const anchor = document.getElementById("myAnchor");
anchor.setAttributeNode(attr);

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

ก่อนการตั้งค่า:

โปรดเข้าชม codew3c.com

หลังจากการตั้งค่า:

โปรดเข้าชม codew3c.com

รูปแบบ

element.setAttributeNode(newAttr)

ตัวอย่าง

ตัวอย่าง รายละเอียด
newAttr จำเป็น แสดงถึงองค์ประกอบ Attr ที่ต้องการเพิ่มเข้ามา หรือคุณสมบัติที่ต้องการแก้ไขค่าของมัน

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

ประเภท รายละเอียด
วัตถุ

แสดงถึงองค์ประกอบ Attr ของตัวมันที่ถูกแทนที่

ถ้าไม่มีคุณสมบัติที่ถูกแทนที่ จะเป็น null

ทิ้ง

วิธีนี้จะทิ้งความผิดพลาด DOMException ที่มีรหัสต่อไปนี้:

ผิดพลาด รายละเอียด
INUSE_ATTRIBUTE_ERR newAttr มันเป็นสมาชิกของชุดคุณสมบัติของ Element อื่น
NO_MODIFICATION_ALLOWED_ERR Element ที่ปัจจุบันเป็นไปตามที่เข้าถึงได้ ไม่อนุญาตให้แก้ไขคุณสมบัติของมัน
WRONG_DOCUMENT_ERR newAttr ขององค์ประกอบ ownerDocument แตกต่างจาก Element ที่ต้องการจัดการ

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

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

ทุกบราวเซอร์ทุกครั้งเข้าถึงมันทั้งหมด:

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