DAVID J. MALAN: Cerchiamo di attuare un web pagina che dice ciao ad un utente, insieme il modo in cui dimostrare il DOM, l' modello di oggetto documento, o l'albero struttura che è veramente sotto l' cappa quando si esegue il rendering di una pagina web. 

Diamo uno sguardo. Qui, in dom-0.html, notare che all'interno del corpo delle pagine ', ho un forma di tag, l'identificatore univoco per che è, tra virgolette, "demo". Nel frattempo, ho anche un onSubmit attributo, altrimenti noto come evento handler, onSubmit, che specifica che quando viene inviato questo modulo, una funzione che è apparentemente chiamato salutare dovrebbe essere eseguita. E poi falso deve essere restituito. 

Perché falso? Beh, io in realtà non voglio presentare questo modulo a un server Web remoto il modo tradizionale. Voglio eludere tale forma sottomissione e fare qualcosa con esso lato client utilizzando JavaScript. Infatti, notate qui. A capo della mia pagina web, ho un tag script, all'interno del quale è l' inizi di tale funzione chiamato saluto. 

Quello che posso effettivamente voglio fare? Ebbene, all'interno di salutare, diciamo semplicemente chiamare la funzione di allarme. E poi stampare qualcosa come ciao, con uno spazio. E poi concatenare sull'estremità di che il risultato della chiamata document.getElementById, specificando specificamente l'identificatore unico, tra virgolette, "nome". 

E in particolare, una volta che abbiamo ottenuto tale elemento, il nodo dell'albero che rappresenta questa pagina web, LET'S specificamente ottenere il suo valore da valore che specifica.. E poi, solo per divertimento, cerchiamo di concatenare al fine che un punto esclamativo. 

Vediamo ora salvare il file, aprirlo in un browser, e vedere un ciao. http://localhost/dom-0.html. 

C'è quella forma. Andiamo avanti e digitare nel mio nome. Seguito da clic su Invia. E ci vediamo ciao, David! Questo sono io.