Contoh
Buat atribut class, dengan nilai "democlass" , dan masukkan ke <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 membuat atribut:
Hello World
Setelah memasukkan atribut:
Hello World
Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
The createAttribute() metode menciptakan atribut dengan nama tertentu, dan mengembalikan atribut sebagai objek Attr.
Tip: Gunakan atribut .value properti untuk menetapkan nilai dari atribut.
Tip: Gunakan elemen. setAttributeNode() metode untuk menambahkan atribut baru dibuat untuk elemen.
Tip: Sering kali, Anda akan ingin menggunakan elemen. setAttribute() metode bukan createAttribute() metode.
Dukungan Browser
| metode | |||||
|---|---|---|---|---|---|
| createAttribute() | iya nih | iya nih | iya nih | iya nih | iya nih |
Sintaksis
document.createAttribute( Nilai parameter Parameter Mengetik Deskripsi attributename Attr object Wajib. Nama atribut yang Anda ingin membuat
Rincian teknis
Kembali Nilai: Sebuah objek Node, mewakili created atribut DOM Versi Inti Level 1 Document Object
Contoh lebih
Contoh
Buat atribut href, dengan nilai "www.w3ii.com" , dan masukkan ke <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 membuat atribut:
Setelah memasukkan atribut:
Cobalah sendiri "