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 :
<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 :
<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 :
<!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.