9 - Accediendo a un conjunto de marcas HTML similares (getElementsByTagName)
Problema:
Confeccionemos una página que permita agregar un punto al final de cada párrafo.
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>Este es el primer párrafo</p> <p>Este es el segundo párrafo</p> <p>Este es el tercer párrafo</p> <input type="button" value="Agregar un punto al final de cada párrafo" onClick="cambiarParrafos()"> <script src="funciones.js"></script> </body> </html>
function cambiarParrafos() { let lista = document.getElementsByTagName('p') for (let f = 0; f < lista.length; f++) lista[f].childNodes[0].nodeValue = lista[f].childNodes[0].nodeValue + '.' }
No tiene disponible el navegador la capacidad de iframe
Retornar