logo

Dokumento objekto modelis

  1. Dokumento objektas
  2. Dokumento objekto savybės
  3. Dokumento objekto metodai
  4. Dokumento objekto pavyzdys

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:

Metodasapibū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: 

Aukščiau pateikto pavyzdžio išvestis

Įveskite vardą: