Johdanto DOM: iin

• Saattaa 4, 2024

DOM on lyhenne asiakirjaobjektimallista. Se on tapa tarkastella HTML: ää, jonka avulla verkkosivustojen kehittäjät voivat luoda toimintoja ja manipuloida koodia tavoilla, jotka muuten olisivat mahdotonta.

DOM on kolme perustyyppiä; ydin-DOM, jota voidaan käyttää minkä tahansa asiakirjan määrittämiseen tyypistä riippumatta; XML-DOM, jota käytetään XML-asiakirjojen kanssa, ja HTML DOM. Tämä viimeinen tyyppi on tärkein ja hyödyllisin HTML-kehittäjille, joten sitä on DOM, jota tässä artikkelissa tutkitaan.

HTML DOM jakaa HTML-sivun solmuihin. Nämä solmut on kaikki kytketty toisiinsa lapsisolmujen laskeutuessa vanhemmista solmuistaan ​​ja yläosassa olevasta juurisolmusta puumaisessa asettelussa. DOM: sta on niin tärkeä ja hyödyllinen HTML-kehittäjille, että tämä määritelmä tekee sivun jokaisesta osasta erillisen ja paikantaa sen suhteessa kaikkiin muihin osiin, joten on helppo suunnitella koodi, joka viittaa kyseiseen osaan ja vaikuttaa vain siihen osaan . Tämä tekee HTML DOM: sta elintärkeän esimerkiksi Javascript-ohjelmoinnille, koska se tarjoaa tavan Javascript-ohjelmalle käyttää HTML-elementtejä suoraan. Ilman DOM: ta Javascript-ohjelman on mahdotonta päästä dynaamisesti verkkosivun sisältöön. Yhtenä esimerkkinä voit käyttää DOM-menetelmiä kirjoittamalla ohjelman, joka muuttaa tietyn HTML-elementin sisällä olevaa tekstiä tietyn tapahtuman tapahtuessa (esimerkiksi vierailija napsauttaa sivun painiketta).

Kuten jo tiedät, HTML-sivu koostuu seuraavista eri elementeistä:



Esimerkki HTML-sivusta

Tämä on esimerkki HTML-perussivusta.

DOM: n avulla kukin elementti (kaikki yhden tunnistejoukon välillä, kuten) on solmu. Solmua kutsutaan juurisolmuksi, ja se on alkeellisinta; siinä on kaksi lapsisolmua, solmu ja solmu. Yllä olevassa esimerkissä solmu on solmun ja solmun lapsi

solmu on solmun lapsi.

Verkkokehittäjä voi käyttää ja muuttaa DOM-sovellusta käyttämällä tiettyjä komentoja. Nämä komennot on jaettu ominaisuuksiin (jotka kuvaavat osaa HTML-sivusta) ja menetelmille (jotka tekevät jotain sivun sille osalle).

Katso tarkempia tietoja HTML DOM: n käytöstä seuraavassa artikkelissa, "DOM: n kanssa työskenteleminen", joka julkaistaan ​​ensi viikolla.

Video-Ohjeita: Biblical Series I: Introduction to the Idea of God (Saattaa 2024).