Javascript : Mengatur Atribut Elemen

Tingkat kesulitan : Easy
Bahasa Pemrograman : Javascript

Penjelasan : Terkadang, kita perlu mengatur atribut beberapa elemen seperti DIV, dan yang lainnya agar suatu perintah dapat berfungsi.

Namun, jika elemen yang harus diatur ada banyak dan dilakukan secara manual, tentunya akan melelahkan dan tidak efisien.

Script setAttribute(); akan sangat cocok digunakan oleh anda agar anda tidak perlu mengatur semua atribut elemen secara manual.

---

Javascript

Berikut beberapa contoh penggunaan setAttribute(); yang bisa anda coba.

Menambahkan class dengan setAttribute()

<script type="text/javascript">
document.getElementsByTagName("H1")[0].setAttribute("class", "democlass");
</script>

Menambahkan data-tooltip dengan setAttribute()

<script type="text/javascript">
document.getElementById("main-wrapper")[0].setAttribute("data-tooltip", "Double Click to Select");
</script>

Bagian yang saya beri tanda adalah script untuk mengganti atribut sebuah elemen.

Anda bisa mengganti tulisan yang ada didalam tanda kutip (") dengan yang anda inginkan.

Misal, anda membutuhkan atribut data-theme, anda tinggal mengganti teks data-tooltip dengan data-theme.

Hal ini juga berlaku untuk teks yang berada di dalam tanda kutip yang ke-dua.