Metode setAttribute() DOM Element HTML

Definisi dan penggunaan

setAttribute() Metode menambahkan atribut yang ditentukan dan memberikan nilai yang ditentukan.

Jika atribut yang ditentukan sudah ada, hanya atur/ubah nilai.

Perhatian:Objek HTMLElement dalam dokumen HTML memperdefinikan atribut JavaScript untuk semua atribut HTML standar. Oleh itu, metode ini hanya diperlukan ketika Anda perlu menetapkan atribut yang bukan standar.

Lihat juga:

Panduan referensi:

Metode getAttribute()

Metode removeAttribute()

Metode hasAttribute()

Metode hasAttributes()

Metode getAttributeNode()

Metode setAttributeNode()

Metode removeAttributeNode()

Tutorial:

Atribut HTML

Contoh

Contoh 1

Tambah kiri atribut class kepada elemen:

element.setAttribute("class", "democlass");

Sebelum ditambahkan:

Objek Element

Setelah ditambahkan:

Objek Element

Coba sendiri

Contoh 2

Jadikan bidang input menjadi tombol:

myInput.setAttribute("type", "button");

Coba sendiri

Sebelum diubah:

Setelah diubah:

Contoh 3

Tambahkan properti href ke elemen <a>:

myAnchor.setAttribute("href", "");

Coba sendiri

Sebelum ditambahkan:

Mengunjungi codew3c.com

Setelah ditambahkan:

Mengunjungi codew3c.com

Contoh 4

Ubah nilai properti target menjadi "_self":

if (element.hasAttribute("target")) {      
  element.setAttribute("target", "_self");
}

Coba sendiri

Syarat

element.setAttribute(name, value)

Parameter

Parameter Deskripsi
name Diperlukan. Nama properti.
value Diperlukan. Nilai baru untuk properti.

Kembalian

Tiada.

Melempar

Kesalahan Deskripsi
INVALID_CHARACTER_ERR Parameter name Terdapat aksara yang tidak diizinkan untuk digunakan dalam nama properti HTML atau XML.
NO_MODIFICATION_ALLOWED_ERR Element semasa adalah hanya-baca, dan tidak diizinkan untuk mengubah propertinya.

Perhatian

Dapat menambahkan properti style dengan nilai, tetapi tidak disarankan kerana hal ini akan menutupi properti lain di dalam properti style.

Silakan gunakan properti objek Style:

Keraguan:

element.setAttribute("style", "background-color:red;");

Kekalahan:

element.style.backgroundColor = "red";

Pematuhan Pelayar

element.setAttribute() 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