JS AdvancedLesson 48Preview gratis
JS DOM Navigation
Lesson ini bagian dari JavaScript · Semua level
Ringkasan
DOM navigation adalah keterampilan berpindah antar elemen dalam pohon HTML, misalnya menuju induk, anak, maupun saudara sejajar. JavaScript menyediakan properti seperti parentNode, children, firstElementChild, dan nextElementSibling untuk menjelajahi struktur tersebut. Selector seperti closest() melengkapi navigasi dengan mencari elemen terdekat ke arah atas berdasarkan pola CSS.
Poin kunci
- parentElement menuju induk, children berisi daftar anak elemen
- firstElementChild, lastElementChild, previousElementSibling, nextElementSibling untuk menyisir
- childNodes termasuk text node, sedangkan children hanya elemen
- closest() mencari induk terdekat yang cocok selector termasuk elemen itu sendiri
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.