logo

Dokumenta objekta modelis

  1. Dokumenta objekts
  2. Dokumenta objekta īpašības
  3. Dokumenta objekta metodes
  4. Dokumenta objekta piemērs

The dokumenta objekts apzīmē visu html dokumentu.

Kad pārlūkprogrammā tiek ielādēts html dokuments, tas kļūst par dokumenta objektu. Tas ir saknes elements kas apzīmē html dokumentu. Tam ir īpašības un metodes. Ar dokumenta objekta palīdzību mēs varam pievienot savai mājas lapai dinamisku saturu.

Kā minēts iepriekš, tas ir loga objekts. Tātad

 window.document 

Ir tāds pats kā

 document 

Saskaņā ar W3C - 'W3C Document Object Model (DOM) ir platformas un valodas neitrāla saskarne, kas ļauj programmām un skriptiem dinamiski piekļūt un atjaunināt dokumenta saturu, struktūru un stilu.'


Dokumenta objekta īpašības

Apskatīsim dokumenta objekta rekvizītus, kuriem var piekļūt un ko var mainīt dokumenta objekts.


Dokumenta objekta metodes

Mēs varam piekļūt un mainīt dokumenta saturu ar tā metodēm.

Svarīgas dokumenta objekta metodes ir šādas:

MetodeApraksts
rakstīt ('virkne')ieraksta doto virkni uz dokumenta.
writeln('virkne')ieraksta doto virkni uz dokumenta ar jaunas rindiņas rakstzīmi beigās.
getElementById()atgriež elementu ar norādīto id vērtību.
getElementsByName()atgriež visus elementus, kuriem ir dotā nosaukuma vērtība.
getElementsByTagName()atgriež visus elementus ar doto taga nosaukumu.
getElementsByClassName()atgriež visus elementus ar doto klases nosaukumu.

Piekļuve lauka vērtībai pēc dokumenta objekta

Šajā piemērā mēs iegūsim lietotāja ievadītā teksta vērtību. Lūk, mēs izmantojam dokuments.veidlapa1.nosaukums.vērtība lai iegūtu nosaukuma lauka vērtību.

Šeit, dokumentu ir saknes elements, kas attēlo html dokumentu.

forma1 ir veidlapas nosaukums.

nosaukums ir ievades teksta atribūta nosaukums.

vērtību ir rekvizīts, kas atgriež ievades teksta vērtību.

Apskatīsim vienkāršu piemēru dokumenta objektam, kas drukā nosaukumu ar sveiciena ziņojumu.

 function printvalue(){ var name=document.form1.name.value; alert('Welcome: '+name); } Enter Name: 

Iepriekš minētā piemēra izvade

Ievadiet vārdu: