Come creare elementi con JavaScript lato client

January 25

JavaScript è un linguaggio di programmazione lato client che permette di interfacciarsi con il browser di un utente. È possibile creare elementi di una pagina on-the-fly utilizzando lo scripting lato client. Questo è utile se si desidera creare una casella di testo, area di selezione o di testo per gli utenti dopo aver fatto clic su un pulsante o un'area sul tuo sito web. JavaScript è dotato di funzioni e proprietà che consentono di creare questi componenti senza scrivere lunghi blocchi di codice.

istruzione

1 Caricare il progetto in un editor HTML e aprire il file per inserire il codice JavaScript. Creare un blocco di script per contenere il codice JavaScript. Questo blocco contiene tutto il codice si entra per creare l'elemento. Un blocco viene creato con il codice qui sotto:

<Script type = \ "text / javascript \"> </ script>

2 Creare un tag div per contenere l'elemento creato in modo dinamico. Un tag div viene utilizzato in modo da poter creare l'elemento in una determinata posizione sulla pagina web. Questo tag deve essere collocato al di fuori del blocco JavaScript:

<Div id = \ "myDiv \"> </ div>

3 Assegnare una variabile nel blocco JavaScript che punta al nuovo elemento div. Il codice seguente è la prima istruzione nel blocco JavaScript:

var myDiv = document.getElementById ( 'myDiv');

4 Creare un nuovo elemento all'interno del tag div. Il codice seguente crea l'elemento, assegna un ID e la colloca nel tag div:

var pulsante Nuovo = document.createElement ( 'input')
ANDARE
newButton.type = 'pulsante'

5 Premere il tasto \ "F5 \" per eseguire il nuovo codice. Quando viene eseguito il codice, un nuovo pulsante è stato creato sulla pagina.


Articoli Correlati