Bagaimana menghapus atribut sebuah element dengan javascript?
Dengan Menggunakan Sintak removeAttribute berikut :
| elementObject.removeAttribute("attributeName", flag); |
Dimana "attributeName" adalah nama dari atribut yang akan di hapus dan flag nilai pilihan dengan berbagai fungsi. Nilai pada flag ini bisa diisi dengan 0, 1 atau 2 . Sebagai keterangan berikut :
| Nilai Flag | Arti |
| 0 | It is the default value and performs the non case sensitive search |
| 1 | It performs the case sensitive property search |
| 2 | It returns the property value as it is set in the script or html code |
Contoh kode :
Sebagai contoh misalnya pertama kita membuat page html terlebih dulu dengan disertai text box dan sebuah button. Kita atur properti pada text box menjadi read only dan bernilai true. Jika pengunjung website Anda mengklik tombolnya maka kemudian akan memanggil fungsi bernama removeAlignment().
function removeAlignment(){
var read = document.getElementById("txt")
.removeAttribute("readonly",0);
alert("atribut textbox readonly telah terhapus");
}
|
contoh full skrip htmlnya :
<html>
<body>
<script language="JavaScript">
function removeAlignment(){
var read=document.getElementById("txt")
.removeAttribute("readonly",0);
alert("atribut textbox readonly telah terhapus");
}
</script>
<div style="background: #cf2255; width:'100%';"
align="center">
<font color="#05ff20" size="12pt">
<b>Contoh Penghapusan Atribut</b>
</font>
</div>
<center>
<div id="divId" align="center" style="background: #ffffcc;
width:'100%';">
<input id="txt" type="text" readonly="true" />
<p>Masukkan teks dalam box</p>
<input type="button" value="Hapus atribut readonly" onclick="removeAlignment();">
</div>
</center>
</body>
</html>
|
Sekarang coba teman - teman jalankan skripnya.... jika tombolnya di klik maka Anda dapat edit text boxnya karena atribut readonly yang tadinya bernilai true sudah dihilangkan. Semoga tutorial singkat kali ini bermanfaat. Sampai jumpa...
Baca Selengkapnya >>
