jueves, 30 de julio de 2009

Cambiar estilo de un div desde el DOM.

La mejor manera de aprender a hacerlo es probando uno mismo, aqui pongo un ejemplo de cómo se puede hacer un ejemplo para cambiar un estilo de un elemento de una página, en este caso un párrafo, cómo podría ser cualquier elemento, este código muestra un texto y un botón, al darle al botón se llama a la función "setFont()", que cambiará al estilo definido en la función.
<html>
<head>
<script type="text/javascript">
function setFont()
{
document.getElementById("cambiar").style.font="italic bold 12px arial,serif";
}
</script>
</head>
<body>
<p id="cambiar">Ejemplo en un párrafo.</p>
<input type="button" onclick="setFont()" value="Cambiar fuente" />
</body>
</html>

Igual que se cambia la fuente, ya iremos viendo más casos, pero en general, se puede cambiar de manera parecida el color y demás propiedades.

No hay comentarios:

Publicar un comentario