Nwlapcug.com


Come creare elementi con lato Client JavaScript

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

Istruzioni

1

Caricare il progetto in un editor HTML e aprire il file per inserire il codice JavaScript. Creare un blocco di script per contenere codice JavaScript. Questo blocco contiene tutto il codice che immesso per creare l'elemento. Con il codice riportato di seguito viene creato un blocco:

< script tipo = \ "testo/javascript\" >< / script >

2

Creare un tag div per contenere l'elemento creato in modo dinamico. È possibile creare l'elemento in una determinata posizione nella pagina Web viene utilizzato un tag div. Questo tag deve essere collocato all'esterno del blocco di 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 di JavaScript:

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

4

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

var newButton = document.createElement('input')
VAI
newButton.type = 'button'

5

Premere il \"F5\" chiave per eseguire il codice nuovo. Quando il codice viene eseguito, viene creato un nuovo pulsante nella pagina.