Výukový program DOM DOM s príkladom

Obsah:

Anonim

Čo je DOM v JavaScripte?

JavaScript má prístup ku všetkým prvkom na webovej stránke pomocou modelu Object Object Model (DOM). Webový prehliadač v skutočnosti vytvorí doménu webovej stránky, keď sa stránka načíta. Model DOM je vytvorený ako strom objektov, ako je tento:

Ako používať DOM a udalosti

Pomocou modelu DOM môže JavaScript vykonávať viac úloh. Môže vytvárať nové prvky a atribúty, meniť existujúce prvky a atribúty a dokonca odstraňovať existujúce prvky a atribúty. JavaScript môže tiež reagovať na existujúce udalosti a vytvárať nové udalosti na stránke.

getElementById, vnútorný HTML príklad

  1. getElementById: Prístup k prvkom a atribútom, ktorých ID je nastavené.
  2. innerHTML: Prístup k obsahu prvku.

Vyskúšajte tento príklad sami:

 DOM !!! 

Vitajte


Toto je uvítacia správa.



Technológia


Toto je technologická časť.

Príklad obsluhy udalosti

  1. createElement: Vytvorenie nového prvku
  2. removeChild: Odstráni prvok
  3. Obsluhu udalosti môžete pridať do konkrétneho prvku takto:
 document.getElementById(id).onclick=function(){lines of code to be executed}

ALEBO

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

Vyskúšajte tento príklad sami:

 DOM !!!