sumar una variable con estilo color a otra sin estilo.

[breaststroke]

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.
Pero lo que quisiera es aplicar el color solo a la variable 'coloreada', que solo salga coloreada esa parte. 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.

[Fernand0]

Código Javascript:

var coloreada;
coloreada="hello";
coloreada.style.color="green";
 

pero coloreada es un String, no es un HTMLElement, no tiene la propiedad style siquiera.
si estas haciendo eso.. es normal que te salte error

[breaststroke]

Fernand0, gracias.
A 'coloreada' le puedo dar el estilo previamente, como tú has puesto, pero no funciona.
¿Alguna sugerencia entonces?

[breaststroke]

Lo conseguí así (con un poquito de ayuda, eso sí, jeje):

Código Javascript:

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

ciao