Pada kesempatan kali ini saya akan menjelaskan cara menambahkan attribute tag html menggunakan javascript. Perlu teman-teman ketahui sebelumnya, menggunakan JavaScript teman-teman bisa memanipulasi attribute maupun nilai dari attribute itu sendiri. Disini maksud dari manipulasi tersebut dimana teman-teman bisa menambahkan, merubah ataupun menghapus dari setiap attribute yang diinginkan. Seperti pada contoh kasus disini saya memiliki tag html seperti berikut :
<input type='submit' value='Kirim'>
Dan dari tag html tersebut saya ingin tambahkan attribute disabled menggunakan JavaScript sehingga hasil kodenya menjadi seperti berikut :
<input type='submit' value='Kirim' disabled>
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 Menambahkan Attribute Tag HTML Menggunakan JavaScript</title>
</head>
<body>
<input type='submit' value='Kirim'>
</body>
<script>
document.getElementsByTagName("input")[0].setAttribute("disabled", true);
// setAttribute adalah untuk menambahkan 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 kesayangan kalian.
- Jika teman-teman mengikuti tahapan yang saya berikan dengan benar maka tombol input tersebut akan menjadi disabled.
Sampai disini penjelasan saya mengenai cara menambahkan attribute tag html menggunakan javascript, semoga bermanfaat.