Pada kesempatan kali ini saya akan menjelaskan cara menghapus attribute tag html menggunakan javascript. Perlu teman-teman ketahui sebelumnya, untuk memanipulasi attribute html di JavaScript teman-teman bisa menggunakan method removeAttribute() JavaScript. selain dari itu teman-teman juga bisa memanipulasi nilai dari attribute itu sendiri. Disini maksud dari manipulasi tersebut dimana teman-teman bisa menambahkan, merubah ataupun menghapus dari setiap attribute maupun nilai yang diinginkan. Seperti pada contoh kasus disini saya memiliki tag html seperti berikut :
1 |
<div class="view" style="color:red;">Contoh Textnya</div> |
Dan dari tag html tersebut saya ingin hapus attribute style menggunakan JavaScript sehingga hasil kodenya menjadi seperti berikut :
1 |
<div class="view">Contoh Textnya</div> |
Untuk membuatnya kalian bisa ikuti tahapan yang saya berikan dibawah ini.
Berikut Tahapannya :
- Teman-teman buat terlebih dahulu satu buah file dengan nama index.html
- Ketikan kode seperti berikut :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Cara Menghapus Attribute Tag HTML Menggunakan JavaScript</title> </head> <body> <div class="view" style="color:red;">Contoh Textnya</div> </body> <script> document.getElementsByClassName("view")[0].removeAttribute("style"); // removeAttribute adalah untuk menghapus attribute suatu tag html beserta dengan nilai attributenya </script> </html> |
- Jika sudah teman-teman simpan terlebih dahulu file index.html tersebut
- Dan lihat hasilnya di browser teman-teman.
Sampai disini penjelasan saya mengenai cara menghapus attribute tag html menggunakan javascript, semoga bermanfaat.