Cara Menggunakan Attr Pakai JavaScript

Beberapa hari yang lalu saya mempelajari ilmu JavaScript untuk melakukan beberapa tindakan. Hasilnya tentu tidak nihil, berikut sebagian atribut attr yang bisa Anda gunakan dengan script.

Untuk menghapus, gunakan: document.getElementById("namaId").removeAttribute("atribut")

1. Contoh html yang akan dihapus atributnya:
<div id="contoh" style="font-weight:bold">Hello world!</div>
<button onclick="testing()">KLIK UNTUK TES</button>
<script>
function testing(){
document.getElementById("contoh").removeAttribute("id")
}
</script>
<style>
#contoh {color:red}
</style>
Hasilnya menjadi:
<div style="font-weight:bold">Hello world!</div>


2. Contoh html yang akan ditambah atributnya:
<div id="contoh">Hello world!</div>
<button onclick="testing2()">KLIK UNTUK TES</button>
<script>
function testing2(){
document.getElementById("contoh").setAttribute("class", "namaClass")
}
</script>
<style>
#contoh {color:red}
.namaClass {font-weight:bold}
</style>
Hasilnya menjadi:
<div id="contoh" class="namaClass">Hello world!</div>

URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini