Acceder a color del texto en Javascript

document.getElementById("iddelenlace").style.color = "#B23803"

asias klein

klein

document.getElementById("iddelenlace").style.color = "#B23803"

jejejejeje por fin me entero de como se utiliza el getElementById, porque todo el mundo decia "usa el getElement, usa el GetElement", y a mi me sonaba a "utiliza la fuerza luke".
Jejejejejeje si es que el que no sabe es como el que no ve y ahora que lo he visto, se. ;-)

que la fuerza te acompañe Hartum....

ojito con los accesos via js a los estilos. Para cambiar un estilo, como ha dicho klein accedes via

<code>document.getElementById("iddelenlace").style.propiedadCamelCase = valor;</code>
donde camelCase se explica solo: palabras sueltas en minusculas y propiedades con mas de una palabra van juntas pero la segunda y tercera (etc) palabras empiezan en mayusculas.

Otra cosa distinta es acceder a los valores antes de haberse añadido/cambiado via javascript. El codigo siguiente te va a dar vacio si el estilo no se ha puesto via js:

<code>alert(document.getElementById("iddelenlace").style.color)</code>

Debes hacerlo con el getComputedStyle/currentStyle:

<code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&gt;

&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;

&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;

&lt;title&gt;Test Template&lt;/title&gt;

&lt;script type="text/javascript"&gt;
// &lt;![CDATA[
function init(){
if(document.getElementById) {//solo DOM
if(window.getComputedStyle) {alert(window.getComputedStyle(document.getElementById("iddelenlace"),null).color)} //leemos valor, solo Moz
else {alert(document.getElementById("iddelenlace").currentStyle.color)}//leemos valor, solo IE
document.getElementById("iddelenlace").style.color = "#B23803"; //cambiamos
alert(document.getElementById("iddelenlace").style.color); //leemos normalmente
}
}
onload=init;
// ]]&gt;
&lt;/script&gt;

&lt;style type="text/css"&gt;
#iddelenlace {color: green}
&lt;/style&gt;

&lt;/head&gt;
&lt;body&gt;

&lt;div id="iddelenlace"&gt;Hola&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;</code>