Hai teman-teman semuanya pada tutorial sebelumnya saya telah sedikit membahas tentang  Memahami HTMLCollection Object Pada DOM Javascript ynag linknya bisa teman-teman baca dibawah ini

http://kursuswebdesign.org/memahami-htmlcollection-object-pada-dom-javascript/#more-11119

nah sekarang kita akan bahas bagaimana cara menggunakan key-key yang ada adalam HTMLCollection object javascript ini, kita masih menggunakan file sebelumnya yakni scriptnya seperti berikut ini:

yang apabila kita buka tab console.log maka akan menampilkan seperti ini :

memahami HTMLCollection object pada DOM Javascript 2

agn jika kita klik element divnya maka akan lihat banyak sekali HTMLCollection object yang bisa kita gunakan seperti gambar berikut ini:

memahami HTMLCollection object pada DOM Javascript 3

Nah disini kita akan coba menggunakan HTMLCollection object yang sudah kita dapat ini untuk bermain dengan DOM javascript yakni memanipulasi element html,

Coba sekarang teman-teman tambahkan script diatas tadi menjadi script berikut ini :

Saya menambahkan variable last yang nilainya adalah variable container.lastElementChild,

lastElementChild adalah salah satu nilai yang bisa kita gunakan ketika kita meng console containernya tadi.

Jika teman-teman buka pada browser maka hasilnya akan seperti ini :

Menggunakan HTMLCollection Object Pada DOM Javascript 1

Jadi teman-teman bisa praktekan dan coba-coba sendiri nilai yang terdapat didalam htmlcollection object tadi.

Oke teman-teman saya rasa untuk tuturial kali ini tentang Menggunakan HTMLCollection Object Pada DOM Javascript saya rasa cukup sampai sini dulu semoga tutorial yang singkat ini dapat bermanfaat untuk teman-teman semua, sampai bertemu lagi pada tutorial berikutnya

Terima kasih