ตัวอย่าง
ตั้งค่า class โหนดแอตทริบิวต์ของ <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" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
setAttributeNode() วิธีการเพิ่ม specified โหนดแอตทริบิวต์องค์ประกอบ
หาก specified แอตทริบิวต์ที่มีอยู่แล้ววิธีนี้แทนที่มัน
ค่าตอบแทนของวิธีนี้คือวัตถุ attr สำหรับข้อมูลเพิ่มเติมโปรดดูที่ ใช้ HTML DOM Attribute วัตถุ
เห็นแล้วยัง setAttribute() วิธีการ
เคล็ดลับ: ใช้ removeAttributeNode() วิธีการที่จะลบโหนดแอตทริบิวต์จากองค์ประกอบ
สนับสนุนเบราว์เซอร์
| วิธี | |||||
|---|---|---|---|---|---|
| setAttributeNode() | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
element .setAttributeNode( attributenode )ค่าพารามิเตอร์
| พารามิเตอร์ | ชนิด | ลักษณะ |
|---|---|---|
| attributenode | Attr object | จำเป็นต้องใช้ โหนดแอตทริบิวต์ที่คุณต้องการเพิ่ม |
รายละเอียดทางเทคนิค
| กลับค่า: | วัตถุ attr แทน replaced โหนดแอตทริบิวต์ถ้ามี null มิฉะนั้น |
|---|---|
| DOM รุ่น | หลักระดับ 1 ธาตุวัตถุ |
ตัวอย่างอื่น ๆ
ตัวอย่าง
ตั้ง href โหนดแอตทริบิวต์ของ <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>ก่อนที่จะตั้งโหนดแอตทริบิวต์:
Go to w3ii.com
หลังจากตั้งโหนดแอตทริบิวต์:
ลองตัวเอง»หน้าเว็บที่เกี่ยวข้อง
HTML Tutorial: แอตทริบิวต์ HTML
HTML DOM อ้างอิง: ใช้ HTML DOM Attribute วัตถุ
HTML DOM อ้างอิง: href="met_element_setattribute.html"> setAttribute() Method
HTML DOM อ้างอิง: href="met_document_createattribute.html">document. createAttribute() Method href="met_document_createattribute.html">document. createAttribute() Method
HTML DOM อ้างอิง: แอตทริบิวต์ .value ทรัพย์สิน
HTML DOM อ้างอิง: href="met_element_getattributenode.html"> getAttributeNode() Method
HTML DOM อ้างอิง: href="met_element_removeattributenode.html"> removeAttributeNode() Method