- Documentobject
- Eigenschappen van documentobject
- Methoden van documentobject
- 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
Methode | Beschrijving |
---|---|
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: