Výukový program DOM DOM s příkladem

Obsah:

Anonim

Co je DOM v JavaScriptu?

JavaScript může přistupovat ke všem prvkům webové stránky s využitím modelu Object Object Model (DOM). Ve skutečnosti webový prohlížeč po načtení stránky vytvoří DOM webové stránky. Model DOM je vytvořen jako strom objektů, jako je tento:

Jak používat DOM a události

Pomocí DOM může JavaScript provádět více úkolů. Může vytvářet nové prvky a atributy, měnit stávající prvky a atributy a dokonce odstraňovat existující prvky a atributy. JavaScript může také reagovat na existující události a vytvářet nové události na stránce.

getElementById, příklad innerHTML

  1. getElementById: Přístup k prvkům a atributům, jejichž ID je nastaveno.
  2. innerHTML: Přístup k obsahu prvku.

Zkuste tento příklad sami:

 DOM !!! 

Vítejte


Toto je uvítací zpráva.



Technologie


Toto je technologická část.

Příklad obsluhy události

  1. createElement: Chcete-li vytvořit nový prvek
  2. removeChild: Odebere prvek
  3. Obslužnou rutinu události můžete přidat do konkrétního prvku takto:
 document.getElementById(id).onclick=function(){lines of code to be executed}

NEBO

document.getElementById(id).addEventListener("click", functionname)

Zkuste tento příklad sami:

 DOM !!!