JavaScript DOM -opetusohjelma esimerkillä

Sisällysluettelo:

Anonim

Mikä on DOM JavaScriptissä?

JavaScript voi käyttää kaikkia verkkosivun elementtejä käyttämällä Document Object Model (DOM) -toimintoa. Itse asiassa verkkoselain luo verkkosivun DOM-sivun, kun sivu ladataan. DOM-malli luodaan seuraavien kohteiden puuksi:

Kuinka käyttää DOMia ja tapahtumia

DOM: n avulla JavaScript voi suorittaa useita tehtäviä. Se voi luoda uusia elementtejä ja määritteitä, muuttaa olemassa olevia elementtejä ja määritteitä ja jopa poistaa olemassa olevia elementtejä ja määritteitä. JavaScript voi myös reagoida olemassa oleviin tapahtumiin ja luoda uusia tapahtumia sivulle.

getElementById, sisäinen HTML-esimerkki

  1. getElementById: Voit käyttää elementtejä ja määritteitä, joiden tunnus on asetettu.
  2. internalHTML: Voit käyttää elementin sisältöä.

Kokeile tätä esimerkkiä itse:

 DOM !!! 

Tervetuloa


Tämä on tervetuloviesti.



Teknologia


Tämä on tekniikkaosio.

Esimerkki tapahtumankäsittelijästä

  1. createElement: Luo uusi elementti
  2. removeChild: Poista elementti
  3. Voit lisätä tapahtumankäsittelijän tiettyyn elementtiin kuten tämä:
 document.getElementById(id).onclick=function(){lines of code to be executed}

TAI

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

Kokeile tätä esimerkkiä itse:

 DOM !!!