filmov
tv
Live Collection #belajar #coding #pemula #frontenddeveloper #frontenddevelopment #programmer

Показать описание
Live Collection #belajar #coding #pemula #frontenddeveloper #frontenddevelopment #programmer #developer #websitedevelopment #javascript #live #collection
Perhatikan pada kode HTML kita saat ini terdapat 2 buah kelas card. Kita bisa melakukan seleksi terhadap kedua kelas card ini menggunakan 2 cara. Yang pertama menggunakan getElementsByClassName yang menghasilkan htmlCollection. Cara kedua adalah menggunakan querySelectorAll yang menghasilkan nodeList. Kalau kita periksa, kedua variable isinya adalah 2 buah div dengan kelas card.
Kalau kemudian kita tambahkan kelas card baru menggunakan Javascript, sekarang kode HTML memiliki 3 buah card. Perhatikan bahwa htmlCollection bersifat live collection. Isi variable secara otomatis di-update menjadi 3 buah card. Sedangkan isi dari nodeList tetap hanya 2 buah card.
Follow untuk trik pemograman lainnya.
Perhatikan pada kode HTML kita saat ini terdapat 2 buah kelas card. Kita bisa melakukan seleksi terhadap kedua kelas card ini menggunakan 2 cara. Yang pertama menggunakan getElementsByClassName yang menghasilkan htmlCollection. Cara kedua adalah menggunakan querySelectorAll yang menghasilkan nodeList. Kalau kita periksa, kedua variable isinya adalah 2 buah div dengan kelas card.
Kalau kemudian kita tambahkan kelas card baru menggunakan Javascript, sekarang kode HTML memiliki 3 buah card. Perhatikan bahwa htmlCollection bersifat live collection. Isi variable secara otomatis di-update menjadi 3 buah card. Sedangkan isi dari nodeList tetap hanya 2 buah card.
Follow untuk trik pemograman lainnya.