ubiquitour.com

Cómo crear elementos con JavaScript de cliente

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

Instrucciones

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

< script tipo = \ «texto/javascript\» >< / script >

2 Crear una etiqueta div para contener el elemento creado de forma dinámica. Se utiliza una etiqueta div para que pueda crear el elemento en un lugar determinado en 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 apunta al nuevo elemento div. El código siguiente es la primera declaración en su bloque de JavaScript:

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

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

newButton var = document.createElement('input')IRnewButton.type = 'botón'

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