Metode HTML DOM Document createAttribute()

Definisi dan penggunaan

code>createAttribute() Metode ini membuat atribut dan mengembalikan atribut sebagai objek Attr.Alternatif:

Penggunaan Metode setAttribute() Lebih mudah.

Lihat pula:

Metode setAttribute()

Metode nilai atribut

Metode setAttributeNode()

Contoh

Contoh 1

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

Coba sendiri

Contoh 2

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

Coba sendiri

Contoh 3

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

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

Coba sendiri

Sintaks

document.createAttribute(name)

Parameter

Parameter Deskripsi
name Diperlukan. Nama atribut yang akan dibuat.

Nilai kembalian

Tipe Deskripsi
node Node atribut yang dibuat baru. Atribut nadeName diatur untuk name.

melempar

Jika name mengandung karakter yang salah, metode ini akan melempar kode INVALID_CHARACTER_ERR eksepsi DOMException.

Dukungan peramban

document.createAttribute() Adalah fitur DOM Level 1 (1998).

Semua peramban mendukungnya:

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