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...
|
|
"Sobat suka postingan ini? Silahkan copy link dibawah ini dan paste ke web, blog, atau sosial media sobat yang nantinya akan menghubungkan sobat langsung dengan postingan ini. "
|
|
|
Untuk mendapat respon balik dari saya, tuliskan identitas sobat dalam memberi komentar dalam kolom dibawah ini.
|
3 comments:
wah.., ane lagi nyari2 ini jg, thx mas bro.. :D
klo remove attribute sekaligus (sekali banyak) bisa gak mas bro?
ex : remove sekaligus attribute "disabled" pd elemen
atribute "disabled"? untuk lebih jelasnya.. kunjungi tulisan sy lainnya di account sy di heroscoop.com
ini supaya apa ya mas?
Post a Comment