Hello World

Setelah menetapkan atribut:

Hello World

Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

The setAttribute() metode menambahkan specified atribut elemen, dan memberikan nilai yang ditentukan.

Jika specified atribut sudah ada, hanya nilai diatur / berubah.

Catatan: Meskipun dimungkinkan untuk menambahkan style atribut dengan nilai untuk elemen dengan metode ini, dianjurkan agar Anda menggunakan properti dari objek Style bukan untuk inline styling, karena ini tidak akan menimpa properti CSS lain yang mungkin ditentukan dalam yang style atribut:

Buruk:

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

Baik:

element .style.backgroundColor = "red";

Tip: Gunakan removeAttribute() metode untuk menghilangkan atribut dari elemen.

Tip: Lihat juga setAttributeNode() metode.

Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.

metode
setAttribute()	iya nih	9.0	iya nih	iya nih	iya nih

Sintaksis

element .setAttribute( attributename , attributevalue )

Nilai parameter

Parameter	Mengetik	Deskripsi
attributename	String	Wajib. Nama atribut yang ingin Anda tambahkan
attributevalue	String	Wajib. Nilai atribut yang Anda ingin menambahkan

Rincian teknis

Kembali Nilai:	Tidak ada nilai pengembalian
DOM Versi	Inti Level 1 Elemen Object

Contoh lebih

Contoh

Ubah field input untuk tombol masukan:

document.getElementsByTagName("INPUT")[0].setAttribute("type", "button");

Sebelum menetapkan atribut:

Setelah menetapkan atribut:

Cobalah sendiri "

Contoh

Menambahkan atribut href dengan nilai "www.w3ii.com" ke <a> elemen:

document.getElementById("myAnchor").setAttribute("href", "http://www.w3ii.com");

Sebelum menetapkan atribut:

Go to w3ii.com

Setelah menetapkan atribut:

Go to w3ii.com

Cobalah sendiri "

Contoh

Cari tahu apakah <a> elemen memiliki atribut target. Jika demikian, mengubah nilai dari target atribut untuk "_self" :

// Get the <a> element with id="myAnchor"
var x = document.getElementById("myAnchor");

// If the <a> element has a target attribute, set the value to "_self"
if (x.hasAttribute("target")) {
x.setAttribute("target", "_self");
}

Cobalah sendiri "