javascript versus css

[alfinete]

estou em java script

ex: temos o jogador 1 com nome alf

.x{color:red}

   document.getElementById('txterro').innerText = " parabens <span class=\"x\"> " + nomejogador1 +"</span>");

na pagina quero que apareça parabens alf , a aparece parabens <span class=\"x\"> alf</span>

como posso fazer

 

[p3dro]

Deves ter de usar .innerHTML

 

[ensiferum]

ou então

document.getElementById('txterro').innerText = ' parabens <span class=\"x\"> ' + nomejogador1 +'</span>';

 

[alfinete]

com a opção do inner html não aparece nada, com a do innertext mostra o span .....

obrigada na mesma

 

[alfinete]

eu estava era a fazer mal,quem disse innerHtml tinha razão

é assim

 document.getElementById('txterro').innerHTML = "Parabens, <span class='cor'>" + nomejogador1 + "</span> ...ganhou";