Metoden HTML DOM Document createAttribute()

Definisi dan penggunaan

code>createAttribute() Metoden menciptakan atribut dan mengembalikan atribut sebagai objek Attr.Pilihan alternatif:

Gunakan Metoden setAttribute() Lebih mudah.

Lihat juga:

Metoden setAttribute()

Metoden nilai atribut

Metoden setAttributeNode()

contoh

Contoh 1

// Membuat atribut class:
const att = document.createAttribute("class");
// Menetapkan nilai atribut class:
att.value = "democlass";
// Menambahkan atribut class ke h1 pertama:
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);

coba sendiri

Contoh 2

// Membuat atribut style:
const att = document.createAttribute("style");
// Menetapkan nilai atribut style:
att.value = "color:red";
// Menambahkan atribut style ke h1 pertama:
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);

coba sendiri

Contoh 3

Menambahkan atribut href="www.codew3c.com" ke elemen anchor:

// Membuat atribut href:
const att = document.createAttribute("href");
// Menetapkan nilai atribut href:
att.value = "https://www.codew3c.com";
// Menambahkan atribut href ke elemen:
element.setAttributeNode(att);

coba sendiri

syarat

document.createAttribute(name)

parameter

parameter penjelasan
name diperlukan. nama atribut yang hendak dibuat.

nilai balikan

jenis penjelasan
nod nod atribut yang baru dibuat. atribut nadeName diatur untuk name.

melempar

jika name mengandungi karakter yang tak dapat diucapkan, cara itu akan melempar kod INVALID_CHARACTER_ERR gangguan DOMException.

pelayar mendukung

document.createAttribute() adalah ciri DOM Level 1 (1998).

dahulunya semua pelayar mendukung ia:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
dihubungkan 9-11 dihubungkan dihubungkan dihubungkan dihubungkan