JavaScripti DOM-i õpetus koos näitega

Lang L: none (table-of-contents):

Anonim

Mis on DOM JavaScriptis?

JavaScripti abil pääseb juurde kõikidele veebisaidi elementidele, kasutades dokumendi objektimudelit (DOM). Tegelikult loob veebibrauser lehe laadimisel DOM-i. DOM-mudel luuakse järgmiste objektide puuna:

Kuidas kasutada DOM-i ja Eventsit

DOM-i kasutades saab JavaScript täita mitmeid ülesandeid. See võib luua uusi elemente ja atribuute, muuta olemasolevaid elemente ja atribuute ning isegi eemaldada olemasolevad elemendid ja atribuudid. JavaScripti abil saab reageerida ka olemasolevatele sündmustele ja luua lehel uusi sündmusi.

getElementById, sisemine HTML-i näide

  1. getElementById: juurdepääs elementidele ja atribuutidele, mille ID on määratud.
  2. internalHTML: elemendi sisule juurdepääsemiseks.

Proovige seda näidet ise:

 DOM !!! 

Tere tulemast


See on teretulnud sõnum.



Tehnoloogia


See on tehnoloogia jaotis.

Sündmuse käitleja näide

  1. createElement: Uue elemendi loomiseks
  2. removeChild: eemaldage element
  3. Konkreetsele elemendile saate lisada sündmuste käitleja :
 document.getElementById(id).onclick=function(){lines of code to be executed}

VÕI

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

Proovige seda näidet ise:

 DOM !!!