12-ma’ruza. JavaScript brauzer va veb-hujjat ob’ektlari modeli bilan ishlash.
Reja:
Hujjatning ob’ektli modeli haqida tushuncha (DOM).
Hujjatning ob’ektli modelida HTML ob’ektlari bilan ishlash.
JavaScript HTML DOM
HTML DOM yordamida JavaScript HTML hujjatining barcha elementlariga kirishi va ularni
o'zgartirishi mumkin.
HTML DOM (Hujjat obyekti modeli)
Veb-sahifa yuklanganda brauzer sahifaning
D hujjati
O ob'ekt
M odelini yaratadi . HTML
DOM modeli ob'ektlar daraxti sifatida tuzilgan :
Ob'ekt modeli bilan JavaScript dinamik HTML yaratish uchun zarur bo'lgan barcha quvvatni
oladi:
JavaScript sahifadagi barcha HTML elementlarini o'zgartirishi mumkin
JavaScript sahifadagi barcha HTML atributlarini o'zgartirishi mumkin
JavaScript sahifadagi barcha CSS uslublarini o'zgartirishi mumkin
JavaScript mavjud HTML elementlari va atributlarini olib tashlashi mumkin
JavaScript yangi HTML elementlari va atributlarini qo'shishi mumkin
JavaScript sahifadagi barcha mavjud HTML hodisalariga munosabat bildira oladi
JavaScript sahifada yangi HTML hodisalarini yaratishi mumkin
DOM nima?
DOM W3C (World Wide Web Consortium) standartidir. DOM hujjatlarga kirish standartini
belgilaydi: "W3C Document Object Model (DOM) - bu dasturlar
va skriptlarga hujjatning
mazmuni, tuzilishi va uslubiga dinamik kirish va yangilash imkonini
beruvchi platforma va til
uchun neytral interfeys."
W3C DOM standarti 3 xil qismga bo'lingan:
Core DOM - barcha hujjat turlari uchun standart model
XML DOM - XML hujjatlari uchun standart model
HTML DOM - HTML hujjatlari uchun standart model
HTML DOM nima?
HTML DOM - bu HTML uchun standart ob'ekt modeli va dasturlash interfeysi . U
belgilaydi:
HTML elementlari ob'ektlar sifatida
Barcha HTML elementlarining xossalari
Barcha HTML elementlariga kirish usullari
Barcha HTML elementlari uchun voqealar
Boshqacha qilib aytganda: HTML
DOM HTML elementlarini olish, o'zgartirish, qo'shish
yoki o'chirish uchun standartdir.