Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaan sehat, gimana masih semangat belajarnya, kita lanjut lagi pembahasan kita tentang javascript, pada pembahasan kali ini kita akan belajar memahami HTMLCollection object pada DOM Javascript.

Didalam javascript sebuah element html jika kita console.log pada bagian inspect element adalah sebuah object yang berisikan nilai nilai yang kita bisa gunakan untuk bermain manipulasi dengan DOM Javascript, sekarang kita langsung saja praktekan, misalnya disini saya mempunyai script seperti berikut ini:

Misal disini saya membuat sebuah div id container dengan didakamnya terdaoat sebuah form input type text dan sebuah button,

hasilnya akan seperti berikut ini:

memahami HTMLCollection object pada DOM Javascript 1

Nah sekarang kita akan coba get id containernya seperti berikut ini:

lalu sekarang coba teman-teman console.log variable containernya:

lalu tema-teman buka tab console pada bagian inspect element :

memahami HTMLCollection object pada DOM Javascript 2

skarang silahkan teman-teman klik div containernya, maka akan berisikan key-key yang dapat kita gunakan untuk manipulasi dom,

memahami HTMLCollection object pada DOM Javascript 3

gambar diatas hanyalah sebagian key yang dapat teman-teman gunakan,

Untuk Cara bagaimana cara menggunakannya kita akan lanjut lagi pada tutorial selanjutnya ya teman-teman,semoga tutorial yang singkat ini tentangĀ memahami HTMLCollection object pada DOM Javascript dapat bermanfaat untuk teman-teman semuanya,

Terimaa kasih