JavaScript DOM udžbenik s primjerom

Sadržaj:

Anonim

Što je DOM u JavaScript-u?

JavaScript može pristupiti svim elementima na web stranici koristeći se objektnim modelom dokumenata (DOM). Zapravo, web preglednik stvara DOM web stranice kada se stranica učita. DOM model je stvoren kao stablo objekata poput ovog:

Kako koristiti DOM i događaje

Koristeći DOM, JavaScript može izvoditi više zadataka. Može stvoriti nove elemente i atribute, promijeniti postojeće elemente i atribute, pa čak i ukloniti postojeće elemente i atribute. JavaScript također može reagirati na postojeće događaje i stvoriti nove događaje na stranici.

getElementById, innerHTML Primjer

  1. getElementById: Za pristup elementima i atributima čiji je id postavljen.
  2. innerHTML: Za pristup sadržaju elementa.

Isprobajte ovaj primjer sami:

 DOM !!! 

Dobrodošli


Ovo je poruka dobrodošlice.



Tehnologija


Ovo je tehnološki odjeljak.

Primjer obrađivača događaja

  1. createElement: za stvaranje novog elementa
  2. removeChild: Uklonite element
  3. Obrađivaču događaja možete dodati određeni element poput ovog:
 document.getElementById(id).onclick=function(){lines of code to be executed}

ILI

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

Isprobajte ovaj primjer sami:

 DOM !!!