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:
Metode | Apraksts |
---|---|
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: