JavaScript DOM bemutató példa

Tartalomjegyzék:

Anonim

Mi a DOM a JavaScriptben?

A JavaScript a Document Object Model (DOM) használatával férhet hozzá a weboldal összes eleméhez. Valójában a webböngésző az oldal betöltésekor létrehozza a weboldal DOM-ját. A DOM modell az ilyen objektumok fájaként jön létre:

A DOM és az Események használata

A DOM használatával a JavaScript több feladatot is képes végrehajtani. Új elemeket és attribútumokat hozhat létre, megváltoztathatja a meglévő elemeket és attribútumokat, sőt eltávolíthatja a meglévő elemeket és attribútumokat. A JavaScript a meglévő eseményekre is reagálhat, és új eseményeket hozhat létre az oldalon.

getElementById, belsőHTML példa

  1. getElementById: Olyan elemekhez és attribútumokhoz való hozzáférés, amelyek azonosítója be van állítva.
  2. belsőHTML: Egy elem tartalmának elérése.

Próbálja ki maga ezt a példát:

 DOM !!! 

Üdvözlet


Ez az üdvözlő üzenet.



Technológia


Ez a technológiai szakasz.

Eseménykezelő példa

  1. createElement: Új elem létrehozása
  2. removeChild: Elem eltávolítása
  3. Hozzáadhat eseménykezelőt egy adott elemhez, például:
 document.getElementById(id).onclick=function(){lines of code to be executed}

VAGY

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

Próbálja ki maga ezt a példát:

 DOM !!!