logo

Dokumentobjektmodell

  1. Dokumentobjekt
  2. Egenskaper för dokumentobjekt
  3. Metoder för dokumentobjekt
  4. Exempel på dokumentobjekt

De dokumentobjekt representerar hela html-dokumentet.

När html-dokument läses in i webbläsaren blir det ett dokumentobjekt. Det är rotelement som representerar html-dokumentet. Det har egenskaper och metoder. Med hjälp av dokumentobjekt kan vi lägga till dynamiskt innehåll på vår webbsida.

java standardparametrar

Som nämnts tidigare är det föremålet för fönster. Så

 window.document 

Är samma som

 document 

Enligt W3C - 'W3C Document Object Model (DOM) är ett plattforms- och språkneutralt gränssnitt som tillåter program och skript att dynamiskt komma åt och uppdatera innehållet, strukturen och stilen i ett dokument.'


Egenskaper för dokumentobjekt

Låt oss se egenskaperna hos dokumentobjektet som kan nås och ändras av dokumentobjektet.


Metoder för dokumentobjekt

Vi kan komma åt och ändra innehållet i dokumentet genom dess metoder.

De viktiga metoderna för dokumentobjekt är följande:

ladda ner youtube video vlc
MetodBeskrivning
skriv('sträng')skriver den givna strängen på dokumentet.
writeln('sträng')skriver den givna strängen på dokumentet med nyradstecken i slutet.
getElementById()returnerar elementet med det angivna id-värdet.
getElementsByName()returnerar alla element som har det angivna värdet.
getElementsByTagName()returnerar alla element som har det angivna taggnamnet.
getElementsByClassName()returnerar alla element med det angivna klassnamnet.

Åtkomst till fältvärde per dokumentobjekt

I det här exemplet kommer vi att få värdet av inmatad text per användare. Här använder vi dokument.form1.namn.värde för att få värdet på namnfältet.

Här, dokumentera är rotelementet som representerar html-dokumentet.

form1 är namnet på formen.

namn är attributnamnet för inmatningstexten.

statisk i c

värde är egenskapen som returnerar värdet på inmatningstexten.

Låt oss se det enkla exemplet på dokumentobjekt som skriver ut namn med välkomstmeddelande.

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

Utdata från exemplet ovan

Skriv namn: