Vadnica za JavaScript DOM s primerom

Kazalo:

Anonim

Kaj je DOM v JavaScript?

JavaScript lahko dostopa do vseh elementov na spletni strani s pomočjo objektnega modela dokumenta (DOM). Dejansko spletni brskalnik ustvari DOM spletne strani, ko se stran naloži. Model DOM je ustvarjen kot drevo predmetov, kot je ta:

Kako uporabljati DOM in dogodke

Z uporabo DOM-a lahko JavaScript izvaja več nalog. Ustvari lahko nove elemente in atribute, spremeni obstoječe elemente in atribute in celo odstrani obstoječe elemente in atribute. JavaScript se lahko odzove tudi na obstoječe dogodke in na strani ustvari nove dogodke.

getElementById, innerHTML Primer

  1. getElementById: za dostop do elementov in atributov, katerih id je nastavljen.
  2. innerHTML: za dostop do vsebine elementa.

Preizkusite ta primer sami:

 DOM !!! 

Dobrodošli


To je pozdravno sporočilo.



Tehnologija


To je poglavje o tehnologiji.

Primer obravnave dogodkov

  1. createElement: Če želite ustvariti nov element
  2. removeChild: Odstrani element
  3. Obdelovalcu dogodkov lahko dodate določen element, kot je ta:
 document.getElementById(id).onclick=function(){lines of code to be executed}

ALI

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

Preizkusite ta primer sami:

 DOM !!!