>> 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ä.