ตัวอย่าง
สร้างแอตทริบิวต์ชั้นเรียนที่มีค่า "democlass" และใส่ไปยัง <h1> องค์ประกอบ:
var h1 = document.getElementsByTagName("H1")[0]; // Get the
first <h1> element in the document
var att =
document.createAttribute("class"); //
Create a "class" attribute
att.value = "democlass";
// Set the value of the class attribute
h1.setAttributeNode(att);
// Add the class attribute to <h1>ก่อนที่จะสร้างแอตทริบิวต์:
Hello World
หลังจากใส่แอตทริบิวต์:
Hello World
ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
createAttribute() วิธีการสร้างแอตทริบิวต์ที่มีชื่อที่ระบุและผลตอบแทนแอตทริบิวต์เป็นวัตถุ attr
เคล็ดลับ: ใช้ แอตทริบิวต์ .value คุณสมบัติการกำหนดค่าของแอตทริบิวต์
เคล็ดลับ: ใช้ องค์ประกอบ setAttributeNode() วิธีการในการเพิ่มแอตทริบิวต์สร้างขึ้นใหม่เพื่อองค์ประกอบ
เคล็ดลับ: บ่อยครั้งที่คุณจะต้องการที่จะใช้ องค์ประกอบ setAttribute() วิธีการแทน createAttribute() วิธีการ
สนับสนุนเบราว์เซอร์
| วิธี | |||||
|---|---|---|---|---|---|
| createAttribute() | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
document.createAttribute( ค่าพารามิเตอร์ พารามิเตอร์ ชนิด ลักษณะ attributename Attr object จำเป็นต้องใช้ ชื่อของแอตทริบิวต์ที่คุณต้องการที่จะสร้าง
รายละเอียดทางเทคนิค
กลับค่า: วัตถุโหนดแทนที่ created แอตทริบิวต์ DOM รุ่น ระดับแกนวัตถุ 1 เอกสาร
ตัวอย่างอื่น ๆ
ตัวอย่าง
สร้างแอตทริบิวต์ href มีค่า "www.w3ii.com" และใส่ไปยัง <a> องค์ประกอบ:
var anchor = document.getElementById("myAnchor"); // Get the <a>
element with id="myAnchor"
var att = document.createAttribute("href");
// Create a "href" attribute
att.value = "http://www.w3ii.com";
// Set the value of the href attribute
anchor.setAttributeNode(att);
// Add the href attribute to <a> ก่อนที่จะสร้างแอตทริบิวต์:
หลังจากใส่แอตทริบิวต์:
ลองตัวเอง»