Html tree node (avlod daraxti)
Biz har bir daraxtni tugun deb ataymiz, bu erda p kabi.
Biz HTML hujjatidagi elementlarni daraxt tugunlari sifatida ifodalaymiz.
Bir necha turdagi tugunlar mavjud. Biz html ni ildiz tugun deb ataymiz, chunki u daraxtning boshlanishi.
Faqat bitta , yuqori darajadagi ildiz tugunlari bo'lishi mumkin.
p kabi elementlar element tugunlari deb ataladi. Biz matn tugunlari ichidagi matnni ko'rib chiqamiz, garchi u < va > bo'lmasa ham.
HTML hujjatidagi matnning har bir qismi matn tugunlari sifatida ko'rinadi.
Biz HTML hujjat daraxti tuzilishi, tugunlari va ularning turlari bilan tanishdik. Endi tugunlarning bir-biri bilan qanday bog'lanishini ko'rib chiqaylik.
Agar ular bog'langan bo'lsa va ular o'rtasida boshqa tugunlar bo'lmasa, biz tugunlarni ota-ona munosabatlarida deb aytamiz.
Misolda html tananing ota-onasi, lekin p yoki h1 ning ota-onasi emas.
tana html ning bolasi, h1 va p tananing bolalari.
Elementni boshqasiga joylashtirish orqali biz tugunni yaratamiz. p elementi tana elementining ichida joylashgani uchun u tananing bolasi hisoblanadi.
Tugun boshqa tugunning avlodidir, agar ular o'rtasida aloqa mavjud bo'lsa, hatto ular orasida boshqa tugunlar bo'lsa ham.
Bu erda barcha tugunlar html tugunining avlodlaridir.
Biz elementlarni bir-birining ichiga joylashtirish orqali nasl tugunlarini yaratamiz.
Ikki tugun bir xil ota-onani baham ko'rsa, h1 va p kabi birodarlardir.
Bu erda h1 va p aka-uka tugunlardir, chunki ular bir xil ota-ona, tananing ichida joylashgan.
Endi biz HTML hujjatining daraxt ko'rinishidagi o'rniga qarab HTML elementlariga kirish uchun JavaScript-dan qanday foydalanishni o'rganamiz.
DOM - bu JavaScript interfeysi bo'lib, HTML hujjatlari daraxtidagi joylashuviga qarab HTML elementlariga kirish imkonini beradi.
JavaScript bilan elementlarga kirishni boshlashdan oldin biz skript elementini qo'shishimiz kerak.
DOM bizga ruxsat beradigan birinchi narsa - bu JavaScript kalit so'zi hujjatining ildiz HTML tuguniga kirishdir.
Xuddi biz ob'ekt xususiyatlariga kirishimiz kabi, biz .head va .body bilan html tugunining asosiy tugunlariga kira olamiz.
Tugunning barcha bolalar tugunlarini olish uchun biz .children xususiyatidan foydalanamiz. Bu bizga .children xossasi qatorini beradi. Bu bizga ko'rinish tartibida bola tugunlari qatorini beradi.
Biz ota-onaning birinchi tuguniga .firstElementChild bilan kira olamiz.
Biz .nextElementSibling yordamida element tugunining eng yaqin sibilizatsiyasiga kira olamiz.
Siz uchun saralangan maqolalar:
https://teletype.in/@ashurovblog/html-section
Html listlar haqida ma`lumotlar:
https://telegra.ph/Html-listlar-by-ozbekdasturchi-03-23
https://teletype.in/@ashurovblog/GML
https://teletype.in/@ashurovblog/CharlesGoldfrab