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

Dom HTML nima? JavaScript-da ishlash asoslari. Atribut qiymatini tanlash
DOM modeli ko'pincha Dom daraxti deb nomlanadi, chunki u tugunlar deb ataladigan narsalarning daraxtidan iborat. Siz hujjat ob'ekti (DOM) modeli qanday ekanligini bilib oldingiz, qanday qilib hujjat obro'siga kirish mumkinligini bilib oldingiz va uning xususiyatlarini konsol yordamida o'zgartiradi, biz HTML va Domning manbalari o'rtasida farq qilamiz.
Ushbu qo'llanmada siz JavaScript va Dom bilan ishlash uchun zarur bo'lgan HTML atamalarini topasiz, daraxt va dom tugunlarini aniqlashni bilib oling va eng keng tarqalgan tugun turlarini qanday aniqlashni bilib oling. Siz shuningdek interfaol Domni o'zgartirish uchun konsolda JavaScript dasturini yaratishingiz mumkin.
HTML Terminologiya
HTML va JavaScript shartlarini tushunish Dom bilan ishlash uchun juda muhimdir. Keling, asosiy atamalarni qisqacha ko'rib chiqaylik.
Ushbu elementga qarang HTML:
Uy
Uning ankori bor, bu indeks.html-ga murojaat qiladi.

• 
  a - teg
  
• 
  hREF - atribut
  
• 
  hTML - atribut qiymati
  
• 
  Uy - matn.
  

Ochish va yopilish yorliqlari orasida joylashgan barcha narsalar HTML elementidir.
Keling, oldingi qo'llanmadan indeksl fayliga qaytaylik:
Подробнее: https://sukachoff.ru/uz/programmy/chto-takoe-dom-html-osnovy-raboty-s-dom-v-javascript-vybor-elementov-po/

Hujjat ob'ekti modeli

JavaScript mahsulotiga kirishning eng oson usuli - bu guvohlarning atributi. Keling, yuqoridagi havolani indeks.html faylini ID \u003d "NAV" bilan qo'shamiz.
...

Hujjat ob'ekti modeli

Uy
...
Kod yangilanganligiga ishonch hosil qilish uchun brauzer oynasida yuklab oling (yoki yangilang) va domga qarang.
Keyin butun elementga kirish uchun GeteletBid () usulidan foydalaning. Konsolda quyidagilarni kiriting:
hujjatlar.gettelementbyid ("NAV");
Uy
GeteletByid () usuli butun elementni chiqaradi. Endi, ushbu ob'ektga kirishning o'rniga, har safar NAV ga kirishingiz kerak bo'lgan usulni har safar kirishingiz kerak, siz u bilan ishlash osonroq bo'lishi uchun elementni qo'yishingiz mumkin.
navLink \u003d Hujjatlar.gettelementbyid ("NAV");
Navlink o'zgaruvchisi Aadlovchi mavjud. Bu erda siz atributlar va qiymatlarni osongina o'zgartirishingiz mumkin. Masalan, havolaning joylashgan joyini o'zgartirish, HREK atributini o'zgartiring:
navlink.href \u003d "https://www.wikipedia.org";
Siz matnni o'zgartirib, matnkondirent mulkini qayta ishlagan holda o'zgartirishingiz mumkin:
navlink.textcontent \u003d "Vikipediyaga yo'naltiring";
Endi ushbu mahsulotni konsolda ko'rish yoki Elementlar yorlig'ini tekshirish, u qanday yangilanganligini bilib olasiz.
navvink;
Vikipediyaga o'ting
Old oxirida o'zgarishlar ko'rsatiladi.
Sahifani yangilash barcha manba qiymatlarini qaytaradi.
Ushbu bosqichda siz element usulidan foydalanish uchun hujjat usulidan qanday foydalanishni, o'zgaruvchan elementni qanday qilib berish va mahsulotdagi xususiyatlar va qiymatlarni qanday o'zgartirish kerakligini tushunishingiz kerak.