Metode setAttributeNode() DOM Element 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.

Pilihan alternatif:

Gunakan Metode setAttribute() Lebih mudah.

Lihat juga:

Panduan referensi:

Metode getAttributeNode()

Metode removeAttributeNode()

Metode createAttribute()

Metode getAttribute()

Metode setAttribute()

Metode hasAttribute()

Atribut nilai atribut

Objek Attribute DOM HTML

Tutorial:

Atribut HTML

Perbezaan 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.

Hasil akan sama.

Contoh

Contoh 1

Tetapkan node atribut class bagi 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

Tetapkan node properti href elemen <a>:

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 properti yang akan ditambahkan, atau node Attr yang nilai propertinya perlu diubah.

Hasil Pengembalian

Jenis Deskripsi
Objek

Menggambarkan objek Attr node properti yang digantikan.

Jika tidak ada properti yang digantikan, maka null.

Melemparkan

Metode ini akan melemparkan DOMException eksepsi yang mengandung kode berikut:

Eksepsi Deskripsi
INUSE_ATTRIBUTE_ERR newAttr Sudah menjadi anggota koleksi properti Element node lain.
NO_MODIFICATION_ALLOWED_ERR Element saat ini adalah hanya-baca, tidak diizinkan untuk mengubah propertinya.
WRONG_DOCUMENT_ERR newAttr Properti ownerDocument yang berbeda dari Element node yang akan disetel.

Dukungan Pelayar

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

Semua pelayar mendukung sepenuhnya:

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