|
12-ma’ruza. JavaScript brauzer va veb-hujjat ob’ektlari modeli bilan ishlash. RejaBog'liq 12-maruzaJavaScript - HTML DOM usullari
HTML DOM usullari siz bajarishingiz mumkin bo'lgan harakatlardir (HTML
elementlarida). HTML DOM xossalari siz o'rnatishingiz yoki o'zgartirishingiz mumkin bo'lgan
qiymatlar (HTML elementlari).
DOM dasturlash interfeysi
HTML DOM-ga JavaScript (va boshqa dasturlash tillari bilan) orqali kirish mumkin. DOM
da barcha HTML elementlari ob'ektlar sifatida aniqlanadi . Dasturlash interfeysi har bir ob'ektning
xossalari va usullaridir. Xususiyat siz olishingiz yoki o'rnatishingiz mumkin bo'lgan qiymatdir
(masalan, HTML elementi tarkibini o'zgartirish) . Usul - bu siz bajarishingiz mumkin bo'lgan
harakat (masalan, HTML elementini qo'shish yoki o'chirish).
Quyidagi misol elementning mazmunini (
innerHTML
) bilan o'zgartiradi
:
id="demo"
Yuqoridagi misolda
getElementById
bu usul, while
innerHTML
esa
xususiyatdir.
getElementById usuli
HTML elementiga kirishning eng keng tarqalgan usuli idbu elementdan foydalanishdir.
Yuqoridagi misolda elementni topish getElementByIdusuli qo'llaniladi .id="demo"
innerHTML xususiyati
Element mazmunini olishning eng oson yo'li innerHTMLxususiyatdan foydalanishdir.
Xususiyat innerHTMLHTML elementlarining mazmunini olish yoki almashtirish uchun
foydalidir.
Xususiyat har qanday HTML elementini, jumladan va innerHTMLni olish yoki o'zgartirish
uchun ishlatilishi mumkin .
HTML DOM hujjat ob'ekti
Hujjat obyekti veb-sahifangizni ifodalaydi. Agar siz HTML-sahifadagi istalgan elementga
kirishni istasangiz, har doim hujjat obyektiga kirishdan boshlaysiz. Quyida HTML-ga kirish va
uni boshqarish uchun hujjat ob'ektidan qanday foydalanish mumkinligi haqidagi ba'zi misollar
keltirilgan.
HTML elementlarini topish
|
| |