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>

Guitar Chords

Popular posts from this blog

Ramalan Jodoh dan Pasangan Hidup Menurut Tanggal Lahir

Cara Mudah Ambil Uang di ATM BRI (+gambar)

Cara Mengetahui Hari Kelahiran Weton Jawa - Online