Metode setAttributeNode() Element DOM HTML

Definisi dan penggunaan

setAttributeNode() Metode menambahkan node atribut yang ditentukan ke elemen dan mengembalikan objek Attribute.

Jika atribut yang ditentukan sudah ada, metode ini akan menggantikannya.

Alternatif:

Gunakan Metode setAttribute() Lebih mudah.

Lihat pula:

Panduan referensi:

Metode getAttributeNode()

Metode removeAttributeNode()

Metode createAttribute()

Metode getAttribute()

Metode setAttribute()

Metode hasAttribute()

Atribut nilai Attribute

Objek Attribute DOM HTML

Panduan:

Atribut HTML

Perbedaan antara setAttribute() dan setAttributeNode()

setAttribute() Metode menggantikan nilai atribut.

setAttributeNode() Metode menggantikan objek Attribute.

Sebelum menambahkan atribut ke elemen, Anda harus membuat objek Attr dan menetapkan nilai Attr.

Hasilnya akan sama.

Contoh

Contoh 1

Atur node atribut class elemen <h1> pertama:

const attr = document.createAttribute("class");
attr.value = "democlass";
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(attr);

Coba Sendiri

Sebelum disetel:

Hello World

Setelah disetel:

Hello World

Contoh 2

Setel node atribut atribut <a> elemen:

const attr = document.createAttribute("href");
attr.value = "";
const anchor = document.getElementById("myAnchor");
anchor.setAttributeNode(attr);

Coba Sendiri

Sebelum disetel:

Buka codew3c.com

Setelah disetel:

Buka codew3c.com

Syarat

element.setAttributeNode(newAttr)

Parameter

Parameter Deskripsi
newAttr Diperlukan. Menunjukkan node Attr yang akan ditambahkan, atau atribut yang perlu diubah.

Hasil kembalian

Tipe Deskripsi
Objek

Menggambarkan objek Attr node atribut yang digantikan.

Jika tidak ada atribut yang digantikan, maka null.

Melempar

Metode ini akan melempar DOMException ecsepsi yang mengandung kode berikut:

Ecsepsi Deskripsi
INUSE_ATTRIBUTE_ERR newAttr Sudah menjadi anggota dari koleksi atribut Element node lain.
NO_MODIFICATION_ALLOWED_ERR Element saat ini hanya baca, tidak mengijinkan perubahan atributnya.
WRONG_DOCUMENT_ERR newAttr Properti ownerDocument yang berbeda dari Element node yang akan disetel.

Dukungan Peramban

element.setAttributeNode() Adalah fitur DOM Level 1 (1998).

Semua peramban mendukung sepenuhnya:

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