Hola otra vez:
JavierB: gracias por la aclaración (todos los días se aprende algo nuevo
.
Hice un ejemplo sencillo de lo que dices sobre modificarlos dinámicamente:
<html>
<head>
<style>
.texto {color: blue;}
.cursivo {font-style: oblique;}
.subrayado {text-decoration: underline;}
</style>
<script>
function subrayar() {
document.getElementById("elTexto").className = document.getElementById("elTexto").className + " subrayado";
window.status = document.getElementById("elTexto").className;
}
function no_subrayar() {
document.getElementById("elTexto").className = document.getElementById("elTexto").className.split (" subrayado")[0];
window.status = document.getElementById("elTexto").className;
}
</script>
</head>
<body>
<div align=center>
<h3 id="elTexto" class="texto cursivo">
... Prueba: aplicación de 2 estilos ...
</h3>
<input type=button onclick="if (this.value == 'subrayar') {subrayar(); this.value = 'sacar subrayado'} else {no_subrayar(); this.value = 'subrayar';}"
value="subrayar" />
</div>
</body>
</html>
Saludos
