Tutorial JavaScript DOM cu exemplu

Cuprins:

Anonim

Ce este DOM în JavaScript?

JavaScript poate accesa toate elementele dintr-o pagină web folosind Document Object Model (DOM). De fapt, browserul web creează un DOM al paginii web atunci când pagina este încărcată. Modelul DOM este creat ca un arbore de obiecte ca acesta:

Cum se utilizează DOM și Evenimente

Folosind DOM, JavaScript poate efectua mai multe sarcini. Poate crea elemente și atribute noi, poate modifica elementele și atributele existente și chiar poate elimina elementele și atributele existente. JavaScript poate reacționa, de asemenea, la evenimentele existente și poate crea evenimente noi în pagină.

getElementById, Exemplu innerHTML

  1. getElementById: Pentru a accesa elemente și atribute al căror id este setat.
  2. innerHTML: Pentru a accesa conținutul unui element.

Încercați singur acest exemplu:

 DOM !!! 

Bun venit


Acesta este mesajul de întâmpinare.



Tehnologie


Aceasta este secțiunea de tehnologie.

Exemplu de gestionare a evenimentelor

  1. createElement: Pentru a crea un element nou
  2. removeChild: Eliminați un element
  3. Puteți adăuga un gestionar de evenimente la un anumit element ca acesta:
 document.getElementById(id).onclick=function(){lines of code to be executed}

SAU

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

Încercați singur acest exemplu:

 DOM !!!