JavaScript HTML DOM

Sa pamamagitan ng HTML DOM, maaaring ma-access at baguhin ng JavaScript ang lahat ng element ng dokumentong HTML.

HTML DOM (Dokumentong Objekto Model)

Kapag inilaladang ang pahina, ang browser ay magbibigay ng dokumentong model ng pahina (Document Object Model).

HTML DOM Ang modelo ay inayos bilangTalaan ng mga bagay:

Talaan ng HTML DOM ng mga bagay

DOM HTML Tree

Sa pamamagitan ng modelo na ito, nakakakuha ang JavaScript ng lahat ng kapangyarihan sa paglikha ng dinamikong HTML:

  • Maaaring baguhin ang lahat ng HTML element sa pahina ang JavaScript
  • Maaaring baguhin ang lahat ng HTML attribute sa pahina ang JavaScript
  • Maaaring baguhin ang lahat ng CSS style sa pahina ang JavaScript
  • Maaaring alisin ang gumagana na HTML element at attribute ang JavaScript
  • Maaaring magdagdag ng bagong HTML element at attribute ang JavaScript
  • Maaaring tumugon ang JavaScript sa lahat ng mga gumagana na HTML event sa pahina
  • Maaaring gumawa ng bagong HTML event ang JavaScript sa pahina

Ano ang masusulit mo

Sa mga susunod na kabanata ng tutorial na ito, malalaman mo ang sumusunod:

  • Paano baguhin ang nilalaman ng HTML element
  • Paano baguhin ang estilo ng HTML Element (CSS)
  • Paano tumutugon ang HTML DOM sa mga Evento
  • Paano magdagdag at tanggalin ang HTML Element

Ano ang DOM?

Ang DOM ay isang standard ng W3C (World Wide Web Consortium).

Ang DOM ay naglalarawan ng mga standard na pag-access sa dokumento:

“Ang W3C Document Object Model (DOM) ay isang independenteng platform at wika na interface, na nagbibigay-daan sa mga programa at script na malakasang ma-access, i-update ang nilalaman, straktura, at estilo ng dokumento.”

Ang W3C DOM Standard ay nahahati sa 3 magkakaibang bahagi:

  • Core DOM - Ang standard na modelo ng lahat ng uri ng dokumento
  • XML DOM - Ang standard na modelo ng XML dokumento
  • HTML DOM - Ang standard na modelo ng HTML dokumento

Ano ang HTML DOM?

Ang HTML DOM ay isang standard ng HTMLObjektoModel atInterfase ng Pogramming. Ito ay naglalarawan ng:

  • bilangObjektong HTML Element
  • ng lahat ng HTML Elementng lahat ng HTML Element
  • ng lahat ng HTML Elementng lahat ng HTML Element
  • ng lahat ng HTML ElementEvent

Kaya't sinasabi: Ang HTML DOM ay tungkol kung paano kunin, baguhin, magdagdag, o tanggalin ang mga HTML Element sa pamamagitan ng mga standar.