logo

Objektový model dokumentu

  1. Objekt dokumentu
  2. Vlastnosti objektu dokumentu
  3. Metody objektu dokumentu
  4. Příklad objektu dokumentu

The objekt dokumentu představuje celý html dokument.

Když je html dokument načten do prohlížeče, stává se objektem dokumentu. to je kořenový prvek který představuje html dokument. Má vlastnosti a metody. Pomocí objektu dokumentu můžeme přidat dynamický obsah na naši webovou stránku.

Jak již bylo zmíněno, jedná se o objekt okna. Tak

podtrhnout v markdown
 window.document 

Je stejný jako

 document 

Podle W3C - 'W3C Document Object Model (DOM) je platforma a jazykově neutrální rozhraní, které umožňuje programům a skriptům dynamicky přistupovat a aktualizovat obsah, strukturu a styl dokumentu.'


Vlastnosti objektu dokumentu

Podívejme se na vlastnosti objektu dokumentu, ke kterým lze přistupovat a upravovat je objektem dokumentu.


Metody objektu dokumentu

Jeho metodami můžeme přistupovat a měnit obsah dokumentu.

Sridevi

Důležité metody objektu dokumentu jsou následující:

MetodaPopis
napsat ('řetězec')zapíše daný řetězec na dokument.
writeln('řetězec')zapíše daný řetězec na dokument se znakem nového řádku na konci.
getElementById()vrátí prvek s danou hodnotou id.
getElementsByName()vrátí všechny prvky, které mají hodnotu daného názvu.
getElementsByTagName()vrátí všechny prvky s daným názvem značky.
getElementsByClassName()vrátí všechny prvky s daným názvem třídy.

Přístup k hodnotě pole podle objektu dokumentu

V tomto příkladu získáme hodnotu vstupního textu podle uživatele. Tady, my používáme dokument.form1.jméno.hodnota získat hodnotu pole name.

Tady, dokument je kořenový prvek, který představuje html dokument.

formulář1 je název formuláře.

název je název atributu vstupního textu.

metody v Javě

hodnota je vlastnost, která vrací hodnotu vstupního textu.

Podívejme se na jednoduchý příklad objektu dokumentu, který vytiskne jméno s uvítací zprávou.

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

Výstup z výše uvedeného příkladu

Napište jméno: