logo

Documentobjectmodel

  1. Documentobject
  2. Eigenschappen van documentobject
  3. Methoden van documentobject
  4. Voorbeeld van een documentobject

De documentobject vertegenwoordigt het hele HTML-document.

Wanneer een HTML-document in de browser wordt geladen, wordt het een documentobject. Het is de wortelelement dat vertegenwoordigt het html-document. Het heeft eigenschappen en methoden. Met behulp van een documentobject kunnen we dynamische inhoud aan onze webpagina toevoegen.

int om in Java te stringen

Zoals eerder vermeld, is het het object van venster. Dus

 window.document 

Is hetzelfde als

 document 

Volgens W3C - 'Het W3C Document Object Model (DOM) is een platform- en taalneutrale interface waarmee programma's en scripts dynamisch toegang kunnen krijgen tot de inhoud, structuur en stijl van een document en deze kunnen bijwerken.'


Eigenschappen van documentobject

Laten we eens kijken naar de eigenschappen van het documentobject die toegankelijk zijn en kunnen worden gewijzigd door het documentobject.


Methoden van documentobject

We kunnen de inhoud van het document openen en wijzigen via de methoden ervan.

De belangrijke methoden voor documentobjecten zijn als volgt:

q1 q2 q3 q4
MethodeBeschrijving
schrijf('tekenreeks')schrijft de gegeven string op het document.
writeln('tekenreeks')schrijft de gegeven string op het document met het newline-teken aan het einde.
getElementById()retourneert het element met de opgegeven id-waarde.
getElementsByName()retourneert alle elementen met de opgegeven naamwaarde.
getElementsByTagName()retourneert alle elementen met de opgegeven tagnaam.
getElementsByClassName()retourneert alle elementen met de opgegeven klassenaam.

Toegang tot veldwaarde per documentobject

In dit voorbeeld gaan we de waarde van de invoertekst per gebruiker ophalen. Hier gebruiken we document.formulier1.naam.waarde om de waarde van het naamveld op te halen.

Hier, document is het hoofdelement dat het HTML-document vertegenwoordigt.

formulier 1 is de naam van het formulier.

naam is de attribuutnaam van de invoertekst.

sql-clausules

waarde is de eigenschap die de waarde van de invoertekst retourneert.

Laten we het eenvoudige voorbeeld bekijken van een documentobject dat de naam afdrukt met een welkomstbericht.

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

Uitvoer van het bovenstaande voorbeeld

Voer naam in: