13 - Crear y agregar un nodo de tipo elemento (createElement - appendChild)
Problema:
Confeccionar un programa que cree un párrafo en forma dinámica y lo añada a un div.
pagina.html
estilos.css
funciones.js
Ejecución de la página
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Prueba</title> </head> <body> <div id="parrafos"> </div> <input type="button" value="Agregar nodo tipo elemento" onClick="agregar()"> <script src="funciones.js"></script> </body> </html>
function agregar() { let elemento = document.createElement('p') let texto = document.createTextNode('Hola Mundo') elemento.appendChild(texto) let obj = document.getElementById('parrafos') obj.appendChild(elemento) }
No tiene disponible el navegador la capacidad de iframe
Retornar