Sadržaj
The SUNCE koji se odnosi na Objektni model dokumentaTo nije ništa drugo do objektni prikaz elemenata koji se nalaze u našem HTML dokumentu, zahvaljujući tome možemo uspostaviti dublju vezu s Javascriptom i on postiže vrlo zanimljive učinke; Međutim, da bismo došli do te razine, prvo moramo vrlo dobro znati kako se nositi s DOM -om za njegovu provedbu i uporabu.Razumijevanje DOM -a
Proširenje koncepta SUNCE Također možemo dodati da je to zbirka objekata koja predstavlja HTML U dokumentu unutar naziva vidimo što je model, a ključna riječ koju predstavlja reprezentativan je model HTML dokumenta.
DOM je ključni alat u razvoju WEB -a jer nam daje most između strukture i sadržaja između naših HTML i Javascript dokumenata.
Model o kojem govorimo stvara preglednik kada tumači HTML kôd, osnovna struktura DOM -a može se vidjeti na sljedeći način u dijagramu na sljedećoj slici:
Testiranje DOM -a
Izvest ćemo nekoliko jednostavnih testova na našem dokumentu kako bismo se navikli na to kako s njim možete raditi. SUNCE, jedan od prvih testova koje možemo izvesti je provjeriti je li funkcionalnost dostupna u dokumentu, pogledajmo u sljedećem kodu:
PrimjerPostoji mnogo različitih vrsta voća - samo preko 500 vrsta banana postoji. Dok dodamo bezbroj vrsta jabuka, naranči i drugog dobro poznatog voća, suočeni smo s tisućama izbora.
Ovdje smo upravo učinili nešto jednostavno, prvo provjeravamo postoji li metoda querySelectorAll, ako postoji, tada varijabli dodjeljujemo sadržaj svih elemenata img oni imaju id paratext, jer radimo provjeru u slučaju da ne uspije, koristimo drugačiji način za dobivanje istih podataka, u ovom slučaju to je getElementById a kasnije getElementByTagNameNa kraju, jednostavno s definiranom varijablom prolazimo kroz njezin sadržaj i mijenjamo njihova CSS svojstva.
Možda je ovdje negativno što možemo vidjeti da ako imamo mnogo provjera, naš kôd može postati složen i nečitljiv, sve je stvar kompromisa između onoga što želimo postići i načina na koji to možemo postići, na ovaj način možemo dobiti rezultate.
U sljedećem dijelu ovog vodiča pogledat ćemo neke naprednije primjere kako nastaviti raditi s DOM -om.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod
