logo

Model obiect document

  1. Obiect document
  2. Proprietățile obiectului documentului
  3. Metode de obiect document
  4. 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: 

Ieșirea exemplului de mai sus

Introdu numele: