HTML5 - DOM 1. daļa

SAULE kas attiecas uz Dokumenta objekta modelisTas ir nekas vairāk kā mūsu HTML dokumentā esošo elementu objektu attēlojums, pateicoties tam, mēs varam izveidot dziļāku saikni ar Javascript, un tas sasniedz ļoti interesantus efektus; Tomēr, lai sasniegtu šo līmeni, mums vispirms ir ļoti labi jāzina, kā rīkoties DOM ietvaros tā ieviešanai un izmantošanai.
Izpratne par DOM
Paplašinot jēdzienu SAULE Mēs varam arī piebilst, ka tā ir objektu kolekcija, kas attēlo HTML Dokumentā tā nosaukumā mēs redzam, kas ir modelis, un atslēgvārds, ko tas pārstāv, ir reprezentatīvs HTML dokumenta modelis.
DOM ir galvenais WEB izstrādes rīks, jo tas nodrošina tiltu starp struktūru un saturu starp mūsu HTML un Javascript dokumentiem.
Modeli, par kuru mēs runājam, izveido pārlūkprogramma, interpretējot HTML kodu, DOM pamatstruktūru var redzēt šādā veidā diagrammā šādā attēlā:

Kā redzam, tas ir balstīts uz hierarhisku struktūru, ar to mēs panākam, ka mēs varam izmantot šo attiecību ceļus, lai iegūtu informāciju vai veiktu strukturālas izmaiņas, izmantojot Javascript.
DOM pārbaude
Mēs veiksim dažus vienkāršus mūsu dokumenta testus, lai mēs pierastu pie tā, kā jūs varat ar to strādāt. SAULE, viens no pirmajiem testiem, ko varam veikt, ir pārbaudīt, vai dokumentā ir pieejama funkcionalitāte. Apskatīsim šo kodu:

 Piemērs
Ir daudz dažādu augļu veidu - vien ir vairāk nekā 500 banānu šķirņu. Kad mēs pievienojam neskaitāmus ābolu, apelsīnu un citu plaši pazīstamu augļu veidus, mēs esam tūkstošiem izvēles priekšā. 

Šeit mēs vienkārši izdarījām kaut ko vienkāršu, vispirms pārbaudām, vai metode pastāv querySelectorAll, ja tas pastāv, tad mainīgajam mēs piešķiram visu elementu saturu img viņiem ir ID paratext, veicot pārbaudi, ja tas neizdodas, mēs izmantojam citu veidu, kā iegūt tos pašus datus, šajā gadījumā tas ir getElementById un vēlāk getElementByTagNameVisbeidzot, vienkārši ar mūsu definēto mainīgo mēs atkārtojam tā saturu un mainām to CSS īpašības.
Varbūt šeit mēs varam redzēt negatīvo, ka, ja mums ir daudz verifikāciju, mūsu kods var kļūt sarežģīts un neizlasāms, viss ir kompromisu jautājums starp to, ko mēs vēlamies sasniegt, un veidu, kā to sasniegt, tādā veidā mēs varam iegūt savu rezultātus.
Šīs apmācības nākamajā daļā mēs aplūkosim dažus sarežģītākus piemērus, kā turpināt darbu ar DOM.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu