sumar una variable con color a otra

Muy buenas.


Estoy intentanto aplicar color a una variable javascript.
Tengo la variable 'coloreada' a la que le quiero aplicar un estilo de color.
Podría hacer ésto:
coloreada.style.color="green";
Hasta aquí bien, pero si lo que quiero es sumar dicha variable (a la que le he aplicado el estilo) a otra que no, no da ningún resultado. Más bien error, supongo.

Ejemplo, en la siguiente función en la que tengo la función onreadystatechange para recoger un valor de otra página
Al mismo le sumo la variable 'coloreada'.
No hay problema con ello, excepto cuando ha dicha variable le he aplicado el estilo.

Código Javascript :

...
var coloreada;
coloreada="hello";
xmlhttp.onreadystatechange=function()
   {
 if(xmlhttp.readyState==4 && xmlhttp.status==200)
   {
   newdiv.innerHTML = coloreada+":"+" " +xmlhttp.responseText;
   }
   }

Si aplico estilo color a la variable newdiv, sale todo con color, o sea bien.
Pero lo que quisiera es aplicar el color solo a la variable 'coloreada', que solo salga coloreada esa parte.
Si hago:
coloreada="hello";
coloreada.style.color="green";
..
Pero no funciona. Es como si no se pudiera sumar una variable con estilo a otra que no.
Mi pregunta es si realmente no se puede hacer éso o si hay alguna manera.

Muchísimas gracias por cualquier ayuda.

Un saludo.

Estás creyendo que una variable en JavaScript es lo mismo que un elemento HTML. No lo es.
En tu código "newdiv" es un puntero o referencia a un elemento HTML dentro del DOM, y es un objeto y por tanto tiene las propiedades y eventos de un elemento HTML.

Lo que quieres hacer lo puedes hacer así:

Código Javascript :

newdiv.innerHTML = "<span style='color: green;'>"+coloreada+"</span>:"+" " +xmlhttp.responseText;

muchísimas gracias!!!

¡Funciona de lujo!

Y gracias por tu explicación. Lo que no entiendo es porqué si le aplico el estilo a la variable, antes de tratarla como objeto:

coloreada.style.color="green"
...

me da error después.
Es decir, ¿no le puedo dar el estilo color antes, como variable javascript, en lugar de dárselo dentro del Dom, como elementoHTML? Supongo que no, porque no me ha funcionado, pero no entiendo muy bien la lógica.

Gracias!!

Porque "coloreada" no es nada más que una variable (de tipo string en tu caso) y no un elemento del DOM.