„JavaScript DOM“ mokymo programa su pavyzdžiu

Turinys:

Anonim

Kas yra DOM „JavaScript“?

„JavaScript“ gali pasiekti visus tinklalapio elementus, naudodamas „Document Object Model“ (DOM). Tiesą sakant, interneto naršyklė sukuria tinklalapio DOM, kai puslapis yra įkeltas. DOM modelis sukurtas kaip tokių objektų medis:

Kaip naudotis DOM ir įvykiais

Naudodamas DOM, „JavaScript“ gali atlikti kelias užduotis. Tai gali sukurti naujus elementus ir atributus, pakeisti esamus elementus ir atributus ir net pašalinti esamus elementus ir atributus. „JavaScript“ taip pat gali reaguoti į esamus įvykius ir sukurti naujus įvykius puslapyje.

getElementById, internalHTML pavyzdys

  1. getElementById: Norėdami pasiekti elementus ir atributus, kurių ID yra nustatytas.
  2. internalHTML: Norėdami pasiekti elemento turinį.

Išbandykite šį pavyzdį patys:

 DOM !!! 

Sveiki atvykę


Tai sveikintinas pranešimas.



Technologijos


Tai yra skyrius apie technologijas.

Įvykių tvarkytojo pavyzdys

  1. createElement: sukurti naują elementą
  2. removeChild: pašalinkite elementą
  3. Į konkretų elementą galite įtraukti įvykių tvarkytuvą , pavyzdžiui:
 document.getElementById(id).onclick=function(){lines of code to be executed}

ARBA

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

Išbandykite šį pavyzdį patys:

 DOM !!!