Dom html nima? JavaScript-da ishlash asoslari. Atribut qiymatini tanlash

Voqealar yordamida domni o'zgartirish

Hozirgacha siz Momni konsolda qanday o'zgartirishni ko'rdingiz va bunday o'zgarishlar vaqtinchalik bo'lishi ma'lum; Har safar sahifani yangilaganingizda barcha o'zgarishlar yo'qoladi. Sizda konsolda sahifaning orqa fon rolini yangiladingiz. Ushbu qo'llanma haqida siz bilgan narsalar bilan siz bilgan narsalar bilan fon rangini o'zgartiradigan interfaol tugmani yarating.
Index.html fayliga qaytib, ID raqami bilan elementni qo'shing. Shuningdek, yangi faylga yangi fayllar JS / skriptlar.JS-ga havolani qo'shishingiz kerak.

Подробнее: https://sukachoff.ru/uz/programmy/chto-takoe-dom-html-osnovy-raboty-s-dom-v-javascript-vybor-elementov-po/

Hujjat ob'ekti modeli

Orqa fon rangini o'zgartirish

JavaScript-dagi tadbir foydalanuvchi bajaradigan harakatdir. Foydalanuvchi sichqonchaning ko'rsatgichini elementga olib keladi, bosilgan yoki klaviaturadagi aniq kalitda - bu barcha voqealar. Ushbu aniq holatda, foydalanuvchi uni bosganda tugmachani bajarishi kerak. Buning uchun tadbirlar tinglovchisini qo'shing. Scripts.JS fayllarini yarating va uni yangi JS katalogida saqlang. Faylda siz tugma elementini aniqlashingiz va uni o'zgaruvchiga belgilashingiz kerak.

Addeventlistoner () usulidan foydalanib, tugmachani bosish va funktsiyangizni bosgandan so'ng o'z funktsiyangizni bajaradi.
...
Tugmasini bosing.addeventlister ("CLICK" () \u003d\u003e () ()
// harakat bu erga boradi
});
Funktsiya ichida siz Fuchsiadagi fon rangini o'zgartirish uchun kodni oldingi qo'llanmadan joylashtirishingiz kerak.
...
Shunday qilib, skript quyidagicha ko'rinadi:
tugmachasini bosing \u003d hujjatlar.gettelementbyid ("Chincher");
Tugmasini bosing.addeventlister ("CLICK" () \u003d\u003e () ()
Hujjat. Uent.style.Boundgrafole \u003d "Fuchsia";
});
Faylni saqlang va yoping. Brauzerdagi indeks.html sahifasini yangilang. Yangi tugmachani bosing va sahifaning rangi o'zgaradi.
Teglar:
Sahifadagi asosiy ish va dinamik o'zgarishlar Dom (Hujjat ob'ekti modeli) - XML \u200b\u200b/ HTML hujjatlarida ishlatiladigan ob'ekt modeli.
DOM modeliga ko'ra, hujjat ierarxiya.
Har bir HTML yorliq alohida element tugunini shakllantiradi, matnning har bir qismi matn elementidir va shunga o'xshash narsalar.
Oddiy qilib aytganda, Dom - bu deraza yorlig'i shaklida hujjatning taqdimoti. Ushbu daraxt biriktirilgan yorliq tarkibi va sahifaning matnli parchalari bilan shakllanadi, ularning har biri alohida tugun hosil qiladi.