The dokumento objektas reiškia visą html dokumentą.
Kai į naršyklę įkeliamas html dokumentas, jis tampa dokumento objektu. Tai yra šakninis elementas kuris atstovauja html dokumentą. Jis turi savybių ir metodų. Dokumento objekto pagalba galime į savo tinklalapį įtraukti dinamiško turinio.
Kaip minėta anksčiau, tai yra lango objektas. Taigi
window.document
Yra toks pat kaip
ilgio eilutė
document
Pagal W3C - „W3C Document Object Model (DOM) yra platforma ir kalbai neutrali sąsaja, leidžianti programoms ir scenarijams dinamiškai pasiekti ir atnaujinti dokumento turinį, struktūrą ir stilių.
Dokumento objekto savybės
Pažiūrėkime dokumento objekto ypatybes, kurias gali pasiekti ir keisti dokumento objektas.
abėcėlė į skaičių
Dokumento objekto metodai
Dokumento turinį galime pasiekti ir keisti jo metodais.
Svarbūs dokumento objekto metodai yra šie:
Metodas | apibūdinimas |
---|---|
rašyti („eilutė“) | rašo duotą eilutę ant dokumento. |
writeln('styga') | rašo nurodytą eilutę dokumente su naujos eilutės simboliu pabaigoje. |
getElementById() | grąžina elementą, turintį nurodytą ID reikšmę. |
getElementsByName() | grąžina visus elementus, turinčius nurodytą pavadinimo reikšmę. |
getElementsByTagName() | grąžina visus elementus, turinčius nurodytą žymos pavadinimą. |
getElementsByClassName() | grąžina visus elementus, turinčius nurodytą klasės pavadinimą. |
Prieiga prie lauko vertės pagal dokumento objektą
Šiame pavyzdyje mes gausime vartotojo įvesties teksto vertę. Čia mes naudojame document.form1.name.value norėdami gauti pavadinimo lauko reikšmę.
Čia dokumentas yra šakninis elementas, vaizduojantis html dokumentą.
forma1 yra formos pavadinimas.
vardas yra įvesties teksto atributo pavadinimas.
eilutės skaidymas c++
vertė yra ypatybė, kuri grąžina įvesties teksto vertę.
Pažiūrėkime paprastą dokumento objekto, kuris spausdina pavadinimą su pasveikinimo pranešimu, pavyzdį.
function printvalue(){ var name=document.form1.name.value; alert('Welcome: '+name); } Enter Name: