index.php?id=89

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...

El método Document.createElement() crea un elemento HTML especificado por su tagName, o un HTMLUnknownElement si su tagName no se reconoce.

Sintaxis

var element = document.createElement(tagName, [options]);

Ejemplo

 En este ejemplo vamos a crear un formulario simple para subir imágenes al servidor: 

HTML

<!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>

JAVASCRIPT

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 );
}

Deja un comentario:
Buscar
Acerca de Nosotros
@yalpublicidad Agencia de publicidad online. 21 años de experiencia en el diseño y desarrollo de imagen e identidad corporativa de tu empresa...