Mengakses Atribut Html Menggunaan Dom

Mendapatkan dan memodifikasi atribut dalam suatu elemen HTML yakni diantara banyaknya kemampuan yang dimiliki oleh DOM.

Hanya dengan memakai sebagian kecil metode yang disediakan oleh DOM memungkinkan anda mendapat lebar dari IMG, mengubah lokasi IMG, atau bahkan menghapus atribut IMG, misalnya.

DOM telah menyediakan tiga metode yang bisa dipakai untuk mengakses atribut suatu elemen HTML. Tiga metode itu:

getAttribute()
getAttribute() dipakai untuk mendapat nilai suatu atribut. Jika atribut itu tidak ada, string kosong dikembalikan. Sebagai pola jikalau ada penggambaran IMG menyerupai berikut:

Ketika aku ingin mengembalikan nilai SRC dari IMG, berikut kodenya:

var getValAttr = document.getElementById("imgID").getAttribute("src");

setAttribute()
setAttribute() akan mempunyai kegunaan menetapkan atribut beserta nilai yang gres kepada suatu elemen, bahkan bisa dipakai secara dinamis memodifikasi nilai suatu atribut.

setAttribute() mempunyai dua parameter, parameter pertama dipakai untuk menetapkan nama atribut dan parameter yang kedua dipakai untuk menetapkan nilai untuk parameter yang pertama.

Sebagai pola saat aku ingin menetapkan WIDTH untuk IMG pada pola sebelumnya, berikut kodenya:

var setWidth = document.getElementById("imgID").setAttribute("width", "500");

removeAttribute()
Menggunakan removeAttribute() memungkinkan anda menghapus atribut di dalam suatu elemen HTML.

Sebagai pola jikalau aku ingin menghapus atribut SRC dari IMG pada pola sebelumnya, berikut kodenya:

var remSrc = document.getElementById("imgID").removeAttribute("src");

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code