Contoh
Mengatur class simpul atribut dari <h1> elemen:
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>
Sebelum menetapkan node atribut:
Hello World
Setelah mengatur node atribut:
Hello World
Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
The setAttributeNode() metode menambahkan specified atribut node ke elemen.
Jika specified atribut sudah ada, metode ini menggantikan itu.
Nilai kembali dari metode ini adalah obyek Attr. Untuk informasi lebih lanjut, lihat The HTML DOM Atribut Object .
Lihat juga setAttribute() metode.
Tip: Gunakan removeAttributeNode() metode untuk menghapus node atribut dari elemen.
Dukungan Browser
metode | |||||
---|---|---|---|---|---|
setAttributeNode() | iya nih | iya nih | iya nih | iya nih | iya nih |
Sintaksis
element .setAttributeNode( attributenode )
Nilai parameter
Parameter | Mengetik | Deskripsi |
---|---|---|
attributenode | Attr object | Wajib. Atribut simpul yang ingin Anda tambahkan |
Rincian teknis
Kembali Nilai: | Sebuah objek Attr, mewakili replaced atribut node, jika ada, jika tidak nol |
---|---|
DOM Versi | Inti Level 1 Elemen Object |
Contoh lebih
Contoh
Mengatur href simpul atribut dari <a> elemen:
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>
Sebelum menetapkan node atribut:
Go to w3ii.com
Setelah mengatur node atribut:
Cobalah sendiri "Pages terkait
HTML Tutorial: Atribut HTML
HTML DOM Referensi: HTML DOM Atribut Object
HTML DOM Referensi: href="met_element_setattribute.html"> setAttribute() Method
HTML DOM Referensi: href="met_document_createattribute.html">document. createAttribute() Method href="met_document_createattribute.html">document. createAttribute() Method
HTML DOM Referensi: atribut .value Properti
HTML DOM Referensi: href="met_element_getattributenode.html"> getAttributeNode() Method
HTML DOM Referensi: href="met_element_removeattributenode.html"> removeAttributeNode() Method