Cómo crear elementos con JavaScript lado del cliente

JavaScript es un lenguaje de programación del lado del cliente que le permite hacer interfaz con el navegador de un usuario. Puede crear elementos de una página sobre la marcha utilizando secuencias de comandos del lado del cliente. Esto es útil si desea crear un cuadro de texto, área de selección o de texto a los usuarios después de hacer clic en un botón o zona en su sitio web. JavaScript viene con funciones y propiedades que le permiten crear estos componentes sin tener que escribir largos bloques de código.

Instrucciones

1 Cargar su proyecto en un editor HTML y abra el archivo que introducir el código JavaScript. Crear un bloque de script que contiene el código JavaScript. Este bloque contiene todo el código que se introduce para crear el elemento. Un bloque se crea con el código de abajo:

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

2 Crear una etiqueta div para contener el elemento creado de forma dinámica. Una etiqueta div se utiliza para que pueda crear el elemento en un determinado lugar de la página web. Esta etiqueta debe colocarse fuera del bloque de JavaScript:

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

3 Asignar una variable en su bloque de JavaScript que apunte al nuevo elemento div. El código siguiente es la primera instrucción en el bloque de JavaScript:

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

4 Crear un nuevo elemento dentro de la etiqueta div. El siguiente código crea el elemento, le asigna una ID y lo coloca en la etiqueta div:

var = newButton document.createElement ( "input")
IR
newButton.type = "botón"

5 Pulse la tecla \ "F5 \" para ejecutar el nuevo código. Cuando se ejecuta el código, un nuevo botón se crea en la página.