métodos DOM como document.getElementById()
crean objetos que apuntan a, y contienen ciertos detalles sobre- un HTMLElement o conjunto de elementos especificados.
Lamentablemente, la propiedad .style
solo conoce las propiedades de estilo establecidas con esa misma característica. En el siguiente ejemplo, al hacer clic en what color?
no funcionará hasta que haga clic en change color
.
<html>
<head>
<script>
function whatColor() {
var d = document.getElementById('ddd');
alert(d.style.backgroundColor);
}
function changeColor() {
var d = document.getElementById('ddd');
d.style.backgroundColor='orange';
}
</script>
<style>
#ddd {
background-color:gray;
}
</style>
</head>
<body>
<input type="button" onclick="whatColor();" value="what color?" />
<input type="button" onclick="changeColor();" value="change color" />
<div id="ddd"> </div>
</body>
</html>
recomiendo la lectura de gran página del PKK en getComputedStyle y currentStyle (es decir, por supuesto, es diferente) http://www.quirksmode.org/dom/getstyles.html
Al final del tutorial, hay una función muy decente para sus propósitos, aunque los marcos tales como jQuery proporcionan funciones muy prácticas & potentes para el diseño de elementos de página: http://api.jquery.com/css/
Gracias por dejar en claro que el estilo .style solo conoce los que estableció. Creo que lo jquery era lo que estaba buscando. – ShrimpCrackers