Cara Menggunakan Attr Pakai JavaScript

Author : Sigit Purnomo | Released : December 25, 2015 | Category :
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>

Google+

Linkedin

Silahkan berkomentar sesuai topik yang dibahas