- Obiect document
- Proprietățile obiectului documentului
- Metode de obiect document
- Exemplu de obiect document
The obiect document reprezintă întregul document html.
Când documentul html este încărcat în browser, acesta devine un obiect document. Este element rădăcină care reprezintă documentul html. Are proprietăți și metode. Cu ajutorul obiectului document, putem adăuga conținut dinamic paginii noastre web.
După cum am menționat mai devreme, este obiectul ferestrei. Asa de
window.document
Este la fel ca
document
Conform W3C - „Document Object Model (DOM) W3C este o platformă și o interfață neutră din punct de vedere al limbajului, care permite programelor și scripturilor să acceseze și să actualizeze în mod dinamic conținutul, structura și stilul unui document.”
Proprietățile obiectului documentului
Să vedem proprietățile obiectului document care pot fi accesate și modificate de obiectul document.
Metode de obiect document
Putem accesa și modifica conținutul documentului prin metodele sale.
Metodele importante ale obiectului documentului sunt următoarele:
Metodă | Descriere |
---|---|
scrie('șir') | scrie șirul dat pe document. |
writeln('șir') | scrie șirul dat pe document cu caracter newline la sfârșit. |
getElementById() | returnează elementul având valoarea id dată. |
getElementsByName() | returnează toate elementele având valoarea numelui dat. |
getElementsByTagName() | returnează toate elementele care au numele etichetei date. |
getElementsByClassName() | returnează toate elementele care au numele de clasă dat. |
Accesarea valorii câmpului după obiectul documentului
În acest exemplu, vom obține valoarea textului introdus de către utilizator. Aici, folosim document.form1.nume.valoare pentru a obține valoarea câmpului nume.
Aici, document este elementul rădăcină care reprezintă documentul html.
forma1 este numele formularului.
Nume este numele atributului textului introdus.
valoare este proprietatea care returnează valoarea textului de intrare.
Să vedem exemplul simplu de obiect document care imprimă numele cu mesajul de bun venit.
function printvalue(){ var name=document.form1.name.value; alert('Welcome: '+name); } Enter Name: