Como recuperar los los valores de BORDER-TOP, etc del atributo style

[joel_fe]

Hola:

Quiero obtener de una tabla los valores de color, tamaño y estilo para Border-top, borde-left,etc., que se encuentran definidos en su atributo de estilo , , lo he intentado con getelementbyid pro no los puede obtener ojala alguien me pudiera decir como, anexo un poco de codigo ejemplo.

Gracias

function atributo()
{
alert (document.getElementById("tabla1").style.BORDER-RIGHT.color);


}


<TABLE id=tabla 1 style="BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; TEXT-DECORATION: none" onclick="atributo();">

[SiR.CARAJ0DIDA]

no es mas facil asi?

<TABLE id=tabla 1 style="border: 1px solid #cccccc ; TEXT-DECORATION: none" onclick="atributo();">

function atributo()
{
alert (document.getElementById("tabla1").style.border);
}

[caricatos]

Hola:

Los estilos se leen y escriben con minúsculas, y cuando son compuestos (llevan guiones), se deben eliminar los guines y capitalizar la palabra que le sigue...

Para el caso sería: alert (document.getElementById("tabla1").style.borderRig htColor);

o tal vez sea mejor solo borderRight o border...

También puedes obtener todos los estilos de forma asociativa:

function estilos() {
elemento = document.getElementById("tabla1").style;
resultado = "";
for (estilo in elemento) resultado += estilo + " = " + elemento[estilo] + "\n";
alert(resultado);
}

Saludos

[joel_fe]

ok gracias Caricatos y carajodida, probare y comento resultado
saludos

[joel_fe]

Caricatos:
He probado tu aportacion , me ha a ayudado muchisimo, en verdad te lo agradezco, si el algo puedo ayudar posteriormente o al foro no dejes de pedirmelo.

Saludos
joel

[caricatos]

Iniciado por joel_fe

Caricatos:
He probado tu aportacion , me ha a ayudado muchisimo, en verdad te lo agradezco, si el algo puedo ayudar posteriormente o al foro no dejes de pedirmelo.

Saludos
joel

Me alegro de que te haya servido

No te voy a pedir nada porque aquí estamos voluntariamente, si crees que puedes ayudar, tu ayuda será bienvenida, pero lo normal es que sea desinteresada. Personalmente me siento compensado con los ageadecimientos... bueno, si coincidimos en alguna parte, tal vez acepte una cervecita ¡Je, je!

Saludos

[joel_fe]

Caricatos:
Por supuesto que nos echamos la cervecita , y creo que hasta te voy a tener que invitar mas de una, por que tengo un problema con eliminar los valores de los atributos con style, intente eliminar el valor del atributo borderLeftColor por medio de removeattribute, he intentado por varias formas y no lo logro, me podrias decir si algo no lo estoy haciendo bien o si hay que considerar algo adicional, mira lo he intentado de la siguiente manera :

document.getElementById ("tabla").removeAttribute("styleborderLeftColor ");
document.getElementById ("tabla").removeAttribute("borderLeftColor");
document.getElementById ("tabla").removeAttribute("style.borderLeftColor") ;
document.getElementById ("tabla").removeAttribute("Style.borderLeftColor") ;

Gracias caricatos

y si coincidimos en algun lugar pues ya te debo dos

[caricatos]

Hola otra vez:

Los valores de los estilos no es posible eliminarlos, ya que aún sin tener una asignación explécita, si que la tienen implícita, o sea que aunque no haya una definición del display de un elemento div, implícitamente es "block"... y el resto de los estilos igual...
Lo que puedes hacer es asignarle por ejemplo la cadena vacía, y de esa manera se quedará con el valor implícito...

Saludos

[joel_fe]

OK caricatos Nuevamente muchas gracias
Saludos