Cuprins
SOARE care se referă la Model de obiect documentNu este altceva decât o reprezentare obiect a elementelor care se află în documentul nostru HTML, datorită acestui fapt putem face o legătură mai profundă cu Javascript și obține efecte foarte interesante; Cu toate acestea, pentru a ajunge la acest nivel, trebuie mai întâi să știm foarte bine cum să ne descurcăm în cadrul DOM pentru implementarea și utilizarea acestuia.Înțelegerea DOM
Extinderea conceptului de SOARE Putem adăuga, de asemenea, că este o colecție de obiecte care reprezintă HTML În document, în numele său, vedem ce este un model, iar cuvântul cheie pe care îl reprezintă este un model reprezentativ al documentului HTML.
DOM este un instrument cheie în dezvoltarea WEB, deoarece ne oferă o punte între structură și conținutul dintre documentele noastre HTML și Javascript.
Modelul despre care vorbim este creat de browser atunci când interpretează codul HTML, structura de bază a unui DOM poate fi văzută în felul următor într-o diagramă din următoarea imagine:
Testarea DOM
Vom efectua câteva teste simple pe documentul nostru, astfel încât să ne obișnuim cu modul în care puteți lucra cu acesta. SOARE, unul dintre primele teste pe care le putem efectua este să verificăm dacă o funcționalitate este disponibilă în document, să vedem în următorul cod:
ExempluExistă o mulțime de feluri diferite de fructe - există peste 500 de soiuri de banane numai. Până când adăugăm nenumăratele tipuri de mere, portocale și alte fructe cunoscute, ne confruntăm cu mii de alegeri.
Aici tocmai am făcut ceva simplu, mai întâi verificăm dacă metoda există querySelectorAll, dacă există, atunci unei variabile îi atribuim conținutul tuturor elementelor img au id-ul paratext, deoarece facem o verificare în caz că eșuează, folosim un mod diferit pentru a obține aceleași date, în acest caz este getElementById Și mai târziu getElementByTagNameÎn cele din urmă, pur și simplu cu variabila noastră definită, iterăm prin conținutul său și le schimbăm proprietățile CSS.
Poate că aici negativul pe care îl putem vedea este că, dacă avem multe verificări, codul nostru poate deveni complex și ilizibil, totul este o chestiune de compromisuri între ceea ce vrem să realizăm și modul de realizare, în acest fel putem obține rezultate.
În următoarea parte a acestui tutorial vom analiza câteva exemple mai avansate despre cum să lucrați în continuare cu DOM.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv
