blog/como-crear-elementos-html-con-javascript
Por Yal Publicidad
Publicado el Mar 9 de Julio del 2019 a las 15:13
El método Document.createElement() crea un elemento HTML especificado por su tagName, o un HTMLUnknownElement si su tagName no se reconoce.
var element = document.createElement(tagName, [options]);
En este ejemplo vamos a crear un formulario simple para subir imágenes al servidor:
<!DOCTYPE html> <html> <head> <title>Crear Elementos HTML con JavaScript</title> </head> <body> <form enctype="multipart/form-data" method="post">
<button type="button" onclick="add_file_img()">+ Agregar imagen</button>
<div id="div1">Aquí de agregarán los input para examinar imágenes.</div> </form> </body> </html>
function add_file_img(){
$contenedor = document.getElementById('div1');
var $imagen_nueva = document.createElement('input');
$imagen_nueva.setAttribute( "type", "file" );
$imagen_nueva.setAttribute( "name", "imagenes[]" );
$contenedor.appendChild( $imagen_nueva );
}