22 - Propiedad innerText
Problema:
Mostrar un título y mediante un botón proceder a cambiar su contenido y otro botón que extraiga el texto del mismo.
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> <h1 id="titulo1">Título original.</h1> <input type="button" value="Cambiar título" onclick="cambiarTitulo()"> <input type="button" value="Recuperar contenido del título" onclick="recuperarTitulo()"> <script src="funciones.js"></script> </body> </html>
function cambiarTitulo() { let tit = document.getElementById("titulo1") tit.innerText = "Nuevo título" } function recuperarTitulo() { alert(document.getElementById("titulo1").innerText) }
No tiene disponible el navegador la capacidad de iframe
Retornar