HTML DOM Nodurile
In DOM HTML (Document Object Model) , totul este un nod:
- Documentul în sine este un nod de document
- Toate elementele HTML sunt noduri element de
- Toate atributele HTML sunt noduri atribut
- Text în interiorul elementelor HTML sunt noduri de text
- Comentariile sunt noduri comentariu
Obiectul Document
Atunci când un document HTML este încărcat într - un browser web, acesta devine un obiect de document.
Obiectul document este nodul rădăcină al documentului HTML și "owner" al tuturor celorlalte noduri:
(Noduri de elemente, noduri de text, atribut noduri, si noduri comentariu).
Obiectul document oferă proprietăți și metode pentru a avea acces la toate obiectele nod, din cadrul JavaScript.
Tip: Documentul este o parte a obiectului Window și pot fi accesate ca window.document.
Suport pentru browser-
| Obiect | |||||
|---|---|---|---|---|---|
| Document | da | da | da | da | da |
Obiectul document este acceptat în toate browserele majore.
Proprietăți Obiect document și metode
Următoarele proprietăți și metode pot fi utilizate în documente HTML:
| Proprietate / Metoda | Descriere |
|---|---|
| document.activeElement | Returnează elementul concentrat în prezent în documentul |
| document. addEventListener() | Atașează o tratare a evenimentului la documentul |
| document. adoptNode() | Adoptă un nod dintr-un alt document |
| document.anchors | Returnează o colecție a tuturor <a> elementelor din document care au un atribut nume |
| document.applets | Returnează o colecție de toate <applet> elemente în document |
| document.baseURI | Returnează URI-ul de bază absolută a unui document |
| document.body | Setează sau returnează corpul documentului (the <body> element) |
| document. close() | Se închide fluxul de ieșire deschis anterior cu documentul. open() |
| document.cookie | Returnează toate perechile nume / valoare de cookies - cookies în documentul |
| document. createAttribute() | Creează un nod atribut |
| document. createComment() | Creează un nod Comentariu cu textul specificat |
| document. createDocumentFragment() | Creează un nod DocumentFragment gol |
| document. createElement() | Creează un nod Element |
| document. createTextNode() | Creează un nod text |
| document.doctype | Returnează Declarația Tip document asociat cu documentul |
| document.documentElement | Returnează elementul Document al documentului (the <html> element) |
| document.documentMode | Returnează modul utilizat de browser pentru a face documentul |
| document.documentURI | Setează sau returnează locația documentului |
| document.domain | Returnează numele de domeniu al serverului care încărcat documentul |
| document.domConfig | Perimate. Returnează configurația DOM a documentului |
| document.embeds | Returnează o colecție de toate <embed> elemente ale documentului |
| document.forms | Returnează o colecție de toate <form> elemente în document |
| document. getElementById() | Returnează elementul care are ID - ID atributul cu valoarea specificată |
| document. getElementsByClassName() | Returnează un NodeList care conține toate elementele cu numele clasei specificate |
| document. getElementsByName() | Returnează un NodeList care conține toate elementele cu un nume specificat |
| document. getElementsByTagName() | Returnează un NodeList care conține toate elementele cu numele de tag-ul specificat |
| document. hasFocus() | Returnează o valoare boolean care indică dacă documentul are focalizare |
| document.head | Returnează <head> element al documentului |
| document.images | Returnează o colecție de toate <img> elemente în document |
| document.implementation | Returnează obiectul DOMImplementation care se ocupă de acest document |
| document. importNode() | Importă un nod dintr-un alt document |
| document.inputEncoding | Returnează codificarea, setul de caractere, utilizat pentru document |
| document.lastModified | Returnează data și ora la care documentul a fost modificat ultima dată |
| document.links | Returnează o colecție a tuturor <a> și <area> elemente din document care au un atribut href |
| document. normalize() | Îndepărtează nodurile text gol, și se alătură noduri adiacente |
| document. normalizeDocument() | Îndepărtează nodurile text gol, și se alătură noduri adiacente |
| document. open() | Deschide un flux de ieșire HTML pentru a colecta de ieșire din documentul. write() |
| document. querySelector() | Returnează primul element care se potrivește cu un CSS specificat selector(s) în documentul |
| document. querySelectorAll() | Returnează un NodeList static care conține toate elementele care se potrivește cu un specificat CSS selector(s) în documentul |
| document.readyState | Returnează (loading) statutul documentului |
| document.referrer | Returnează URL-ul documentului care încărcat documentul curent |
| document. removeEventListener() | Înlătură o tratare a evenimentului din documentul (care a fost atașat cu addEventListener() metoda) |
| document. renameNode() | Redenumește nodul specificat |
| document.scripts | Returnează o colecție de <script> elemente din document |
| document.strictErrorChecking | Setează sau dacă se întoarce de verificare a erorilor este executată sau nu |
| titlul documentului | Setează sau returnează titlul documentului |
| document.URL | Returnează adresa URL completă a documentului HTML |
| document. write() | Scrie expresii HTML sau cod JavaScript pentru un document |
| document. writeln() | La fel ca și write() , dar adaugă un newline după fiecare declarație |
Avertizare !!!
In DOM Core W3C, obiectul Document moștenește toate proprietățile și metodele din obiectul Node.
Multe dintre aceste proprietăți și metode nu au sens utilizate pe documente.
Evitați utilizarea acestor proprietăți obiect nod și metode pe obiecte document HTML:
| Proprietate / Metoda | Motivul pentru evitarea |
|---|---|
| document.attributes | Documentele care nu au atribute |
| document. hasAttributes() | Documentele care nu au atribute |
| document.nextSibling | Documentele care nu au frați |
| document.nodeName | Acest lucru este întotdeauna #document |
| document.nodeType | Acest lucru este întotdeauna 9 (DOCUMENT_NODE) |
| document.nodeValue | Documentele care nu au o valoare de nod |
| document.ownerDocument | Documentele care nu au un document de proprietar |
| document.ownerElement | Documentele care nu au un element de proprietar |
| document.parentNode | Documentele care nu au un nod părinte |
| document.previousSibling | Documentele care nu au frați |
| document.textContent | Documentele care nu au un conținut de text |