estoy intentando modificar el html de las etiquetas h1 cuando paso el ratón por encima. Estoy practicando con el escuchador de eventos, pero no se me aplican los cambios. Espero vuestras respuestas,
gracias.
CÓDIGO HTML:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title></title>
<script src="miscript.js"></script>
</head>
<body>
<h1 id="texto">Pasa por encima para cambiar el html</h1>
</body>
</html>
SCRIPT:
window.onload=function(){
document.getElementsByTagName("h1").addEventListener("mouseover",cambiarHtml);
}
function cambiarHtml(){
this.innerHTML = "Texto cambiado";
}