DAVID J. MALAN: Katsotaanpa toteuttamaan web sivu, joka sanoo hei käyttäjä, pitkin tapa osoittaa DOM, Document Object Model, tai puu rakenne, joka todella on alla huppu kun tekevät web-sivun. 

Katsotaanpa katsomaan. Täällä dom-0.html, huomaa että sisällä Sivujen ruumista minulla on muodossa tag, yksilöllinen tunniste joka on lainaus lainaus, "demo". Samalla olen myös onsubmit Yhdistän, joka tunnetaan myös tapahtuma ohjaaja, onsubmit, jossa täsmennetään, että kun tämä lomake lähetetään, toiminto, joka on ilmeisesti nimeltään tervehtiä tulisi suorittaa. Ja sitten vääriä tulisi palauttaa. 

Miksi väärä? No, en oikeastaan ​​halua toimittaa Tällä lomakkeella voit kauko www-palvelin perinteisellä tavalla. Haluan kiertää kyseisessä muodossa toimittamista ja tehdä jotain sen kanssa client-side JavaScript. Todellakin, huomaa täällä. Kärjessä minun web-sivun, minulla on komentosarjatunnus, jonka sisällä on alkuja, että toiminto nimeltään tervehtiä. 

Mitä todella haluat tehdä? No, sisällä tervehtiä, nyt yksinkertaisesti soita hälytystoiminto. Ja sitten tulostaa jotain kuten hei, välilyönnillä. Ja liität kiinni loppuun Tämän seurauksena kutsuvan document.getElementById, täsmennetään nimenomaan yksilöllinen tunniste, lainaus lainaus, "nimi." 

Ja erityisesti, kun olemme saaneet että elementti, solmu puussa joka edustaa tällä sivulla, katsotaanpa nimenomaan saada sen arvoa täsmennetään. arvoa. Ja sitten, vain huvin vuoksi, katsotaanpa liität päälle loppuun, että huutomerkki. 

Katsotaanpa nyt tallentaa tämän tiedoston, avaa se selaimessa, ja katso hei. http://localhost/dom-0.html. 

On siinä muodossa. Mennään eteenpäin ja kirjoita nimeäni. Jälkeen klikkaamalla Lähetä. Ja siellä näemme Hei, David! Se olen minä.