11 - Agregar un nodo de texto (appendChild - createTextNode)
Problema:
Confeccionar un programa para que al presionar un botón añada un nodo de texto a un párrafo mostrando cuántos nodos de texto se han añadido hasta el momento.
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> <p id="parrafo">Texto inicial:</p> <input type="button" value="Agregar nodo de texto" onClick="agregar()"> <script src="funciones.js"></script> </body> </html>
let contador = 1 function agregar() { let nt = document.createTextNode('Nuevo texto ' + contador + '-') let nparrafo = document.getElementById('parrafo') nparrafo.appendChild(nt) contador++ }
No tiene disponible el navegador la capacidad de iframe
Retornar