JavaScript DOM apmācība ar piemēru

Kas ir DOM JavaScript valodā?

JavaScript var piekļūt visiem tīmekļa lapas elementiem, izmantojot dokumenta objekta modeli (DOM). Faktiski tīmekļa pārlūkprogramma, ielādējot lapu, izveido tīmekļa vietnes DOM. DOM modelis tiek izveidots kā šādu objektu koks:

Kā izmantot DOM un notikumus

Izmantojot DOM, JavaScript var veikt vairākus uzdevumus. Tas var izveidot jaunus elementus un atribūtus, mainīt esošos elementus un atribūtus un pat noņemt esošos elementus un atribūtus. JavaScript var arī reaģēt uz esošajiem notikumiem un lapā izveidot jaunus notikumus.

getElementById, internalHTML piemērs

1. getElementById: lai piekļūtu elementiem un atribūtiem, kuru ID ir iestatīts.
2. internalHTML: lai piekļūtu elementa saturam.

Izmēģiniet šo piemēru pats:

<ķermenis>
Laipni lūdzam
Šis ir apsveikuma ziņojums.

Tehnoloģija
Šī ir tehnoloģiju sadaļa.

Pasākumu apstrādātāja piemērs

1. createElement: lai izveidotu jaunu elementu
2. removeChild: noņemiet elementu
3. Varat pievienot notikumu apdarinātāju šādam konkrētam elementam:

 document.getElementById(id).onclick=function(){lines of code to be executed}

VAI

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

Izmēģiniet šo piemēru pats:

<ķermenis>