DAVID J. Malan: Anem a implementar una xarxa pàgina que diu hola a un usuari, al llarg de la forma en què demostra el DOM, la model d'objectes de documents, o l'arbre estructura que realment està per sota de la campana quan es processa una pàgina web. 

Anem a fer una ullada. Aquí, a dg-0.html, observi que a l'interior del cos de les pàgines ', tinc un etiqueta de formulari, l'identificador únic per que és, entre cometes, "demostració". Mentrestant, també tinc un onsubmit atribuir, també conegut com un esdeveniment manipulador, onsubmit, que especifica que quan s'envia el formulari, un funció que es diu que sembla saludar haurien de ser executats. I llavors falsa ha de ser retornat. 

Per què fals? Bé, jo en realitat no vull que presenti aquest formulari a un servidor web remot en la manera tradicional. Vull eludir aquesta forma submissió i fer alguna cosa amb ell del costat del client utilitzant JavaScript. De fet, compte aquí. Al capdavant de la meva pàgina web, tinc un etiqueta de script, a l'interior dels quals és el inicis d'aquesta funció anomenat salutació. 

Què és el que realment vull fer? Bé, dins de salutació, anem a simplement cridar a la funció d'alerta. I després imprimir alguna cosa com hola, amb un espai. I a continuació, concatenar a l'extrem que el resultat de l'anomenada document.getElementById, especificant específicament, l'identificador únic, entre cometes, "nom". 

I específicament, un cop que hem rebut aquest element, el node a l'arbre que representa aquesta pàgina web, anem a específicament obtenir el seu valor per especificant. valor. I llavors, només per diversió, anem a concatenar fins al final que un signe d'exclamació. 

Ara anem a guardar l'arxiu, obrir-lo en un navegador, i veure un hola. http://localhost/dom-0.html. 

Aquí està aquest formulari. Seguirem endavant i escriviu en nom meu. Seguit de fer clic a Envia. I allà veiem hola, David! Aquest sóc jo.