HTML DOM Document createAttribute() กลุ่มความหมาย

การเรียกใช้และการประกาศ

code>createAttribute() วิธีสร้างคุณสมบัติและส่งคุณสมบัติกลับเป็น Attr องค์ประกอบทางเลือกเดิม:

ใช้ setAttribute() กลุ่มความหมาย ง่ายแก่ยิ่ง

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

Element setAttribute() กลุ่มความหมาย

Attribute value กลุ่มความหมาย

Element setAttributeNode() กลุ่มความหมาย

ตัวอย่าง

ตัวอย่าง 1

// สร้างคุณสมบัติ class:
const att = document.createAttribute("class");
// ตั้งค่าคุณสมบัติ class ของมัน:
att.value = "democlass";
// เพิ่มคุณสมบัติ class ลงใน h1 แรก:
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);

ลองทดลองเอง

ตัวอย่าง 2

// สร้างคุณสมบัติ style:
const att = document.createAttribute("style");
// ตั้งค่าคุณสมบัติ style ของมัน:
att.value = "color:red";
// เพิ่มคุณสมบัติ style ลงใน h1 แรก:
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);

ลองทดลองเอง

ตัวอย่าง 3

เพิ่มคุณสมบัติ href="www.codew3c.com" ลงในองค์ประกอบ anchor:

// สร้างคุณสมบัติ href:
const att = document.createAttribute("href");
// ตั้งค่าคุณสมบัติ href ของมัน:
att.value = "https://www.codew3c.com";
// เพิ่มคุณสมบัติ href ลงในองค์ประกอบ:
element.setAttributeNode(att);

ลองทดลองเอง

กระบวนการ

document.createAttribute(name)

ประกาศ

ประกาศ การอธิบาย
name สำคัญต้องการสร้างคุณสมบัติ ชื่อของคุณสมบัติที่ต้องการสร้าง

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

ประเภท การอธิบาย
โครงสร้าง โครงสร้างที่ก่อตั้งใหม่ของคุณสมบัติ โครงสร้าง nadeName ถูกตั้งค่าเป็น name。

ทิ้งรหัส

ถ้า name มีอักษรที่ไม่ถูกต้อง หน่วยงานนี้จะทิ้งรหัสใน INVALID_CHARACTER_ERR ของความผิดพลาด DOMException。

การสนับสนุนโดยบราวเซอร์

document.createAttribute() เป็นคุณสมบัติ DOM Level 1 (1998) อยู่นี้。

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

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