DOM (Document Object Model) — bu hujjat tuzilmasini, odatda HTML yoki XML hujjatlarini, ob'ektlar daraxti shaklida tasvirlash usuli. DOM orqali dasturchilar veb-sahifani o'qishi, tuzatishi, elementlar qo'shishi yoki o'chirishi, va foydalanuvchi bilan o'zaro aloqada bo'lishi mumkin.
DOM nima?
- Struktura: DOM veb-sahifaning mantiqiy tuzilmasini ifodalaydi. HTML hujjatidagi har bir element DOM daraxtida bir tugun (node) sifatida tasvirlanadi.
- Interaktivlik: DOM orqali dasturchilar JavaScript yordamida veb-sahifadagi elementlarni o'zgartirishi yoki boshqarishi mumkin, masalan, matnni yangilash, sinflar qo'shish yoki o'chirish, tugmalarni ishlash holatini o'zgartirish va boshqalar.
- Daraxt Struktura: DOM daraxtga o'xshab ketadi, bunda har bir element, atribut va matn tugun sifatida qaraladi va ular bir-biri bilan ota-ona va bola tugunlar orqali bog'langan.
HTML va DOM o'rtasidagi farq:
- HTML:
- HTML — bu veb-sahifaning tuzilmasi va mazmunini aniqlaydigan belgilash tilidir.
- HTML statik hujjat sifatida xizmat qiladi va veb-sahifaning boshida qanday ko'rinishga ega bo'lishini belgilaydi.
- Bu faqat matnli fayl bo'lib, uni brauzer o'qiydi va ko'rsatadi.
- DOM:
- DOM esa brauzer tomonidan HTML hujjatidan yaratiladigan dinamik tuzilma.
- HTMLni o'qib, brauzer ushbu tuzilmani xotirada saqlaydi va bu orqali JavaScript yordamida sahifani boshqarish mumkin.
- DOM orqali HTML hujjatidagi elementlar bilan o'zaro aloqada bo'lish va ularni dinamik ravishda o'zgartirish mumkin.
Xulosa
- HTML — bu veb-sahifaning asl tuzilmasi va mazmuni bo'lsa, DOM — bu tuzilmani dasturiy boshqarish uchun brauzer tomonidan yaratiladigan dinamik model. HTML statik va yozilgan shaklda bo'lsa, DOM esa interaktiv va JavaScript yordamida o'zgartirilishi mumkin.