Modificar estilos CSS
Este es el código exacto del documento que se muestra:
<!DOCTYPE html>
<html>
<head>
<title>¿Qué puede hacer JavaScript?</title>
<meta charset="UTF-8" />
<meta name="author" content="Ángel Puente" />
<head>
<body>
<h2>¿Qué puede hacer JavaScript?</h2>
<p id="demo">JavaScript puede cambiar el estilo de un documento HTML.</p>
<script>
function myFunction() {
var x = document.getElementById("demo");
x.style.fontSize = "25px";
x.style.color = "red";
}
</script>
<button type="button" onclick="myFunction()">Click Me!</button>
</html> |
El tercer ejemplo que nos encontramos en la página de introducción de
W3Schools.
En este caso obtenemos el resultado del párrafo identificaco con la
id "demo" , lo cargamos en la variable
x y le aplicamos un cambio de estilo del
fontSize y del
color.
La función de cambio de estilo se ejecuta con el
onclick en el
button.
No hay comentarios:
Publicar un comentario