Tipuri și site-uri de conținut dom

Informații despre noduri DOM

noduri DOM-arbori pot fi foarte diferite unele de altele. Unitățile de tipuri diferite au proprietăți diferite. De aceea, înainte de a începe să lucreze cu un anumit nod, poate fi necesar pentru a obține informații cu privire la aceasta. DOM-interfață are unele proprietăți generale pentru toate nodurile, care reprezintă informații despre nodul curent.

noduri DOM-arbori pot fi de diferite tipuri. In total sunt 12 tipuri de unități, dar, în practică, este necesar să se lucreze numai cu câteva:

NodeType proprietate conține codul corespunzător tipului de nod. În special:

Amintiți-vă aceste coduri este opțională. Pentru a afla tipul de nod, puteți verifica ce aparține clasei corespunzătoare folosind operatorul instanceof:

Site-uri de conținut DOM

Atunci când se lucrează cu un DOM-nod este adesea necesară pentru a obține informațiile conținute în ele, sau chiar înlocui. DOM-interfață oferă mai multe proprietăți pentru a lucra cu noduri de conținut.

InnerHTML proprietate este disponibil numai pentru nodurile elementului și este cel mai frecvent. Este, ca un șir de caractere conține toate codul din interiorul elementului dat. Această proprietate este disponibil pentru a fi suprascrise, astfel încât acesta poate fi utilizat nu numai pentru a obține informațiile necesare, dar, de asemenea, să modifice conținutul elementului.

Prin definiție, este clar că această funcție este disponibilă numai pentru etichetele pereche.

proprietatea innerHTML are un număr de caracteristici care au nevoie să știe.

InnerHTML poate scrie orice text, dar a revenit întotdeauna atunci când citiți un HTML cod valid.

Atunci când orice schimbare element de innerHTML este pe deplin afișat din nou. Aceasta este, în cazul în care innerHTML conține mai multe elemente și să le adăugați la altul, vor fi recreate toate aceleași elemente. Acest lucru poate încetini foarte mult în jos pe ecran pagina. Pentru a adăuga sau elimina elemente este mai bine de a folosi metode speciale.

proprietate OuterHTML este disponibil pentru toate nodurile elementului. Este un șir de caractere, care specifică tot conținutul site-ului, inclusiv de deschidere și închidere tag-uri.

Strict vorbind, schimbarea outerHTML un anumit element nu este posibilă. Dar capacitatea de a atribui o nouă valoare pentru această proprietate există și pot fi folosite. Și într-adevăr, după rescrierea proprietăți la locul elementului original, va fi un element nou, dar nu outerHTML schimba.

Faptul este că, atunci când elementul original outerHTML este eliminat complet, și creează o nouă în locul ei. În acest caz, link-ul vechi se adresează unui element care a fost deja eliminat. Și acest lucru înseamnă că el va avea outerHTML fostul.

Pentru a lucra cu noul element va trebui mai întâi să-l găsească. În cazul în care acest lucru nu este necesar, utilizarea outerHTML poate fi foarte convenabil.

Exemplul de mai sus arată că înlocuirea elementului are loc, așa cum era de așteptat. Cu toate acestea, outerHTML proprietatea rămâne neschimbată.

proprietate outerHTML este rar folosit. Pentru doar mai ușor de utilizat conținutul de proprietate innerHTML ale unui element. Cel mai evident caz pentru outerHTML este definiția unui element de tag. Dar, în acest caz, este mai ușor de utilizat un tagName de proprietate separat.

textContent

TextContent proprietate conține doar textul localizat în interiorul celulei. Etichetele nu sunt incluse în șirul returnat.

pauze de linie, de asemenea, sunt incluse în valoarea proprietății. Se pare că textContent este o însumare a tuturor nodurilor element text.

TextContent proprietate este disponibil pentru înregistrare. Acest lucru este foarte util, pentru că tot ceea ce merge într-o proprietate devine automat un rând. De exemplu, o încercare de a injecta cod malitios nu este de succes, deoarece aceasta va eșua.