how do you change color of nested css element in javascript?

Question

<a id='123' href='www.stackoverflow.com'>
Hello <span style='color:#c0c0c0;text-decoration: underline;'>World</span>
</a>

I currently change the link color by doing this

var chosenclass = document.getElementById('123');
chosenclass.style.color = '#000000';

But now I'd like to change the span by only having a reference to the chosenclass object. How can I do that ?

123 is an invalid id :) If I am not mistaken they should start with a letter. — Mark Schultheiss
– Mark Schultheiss, Commented Jan 8, 2013 at 20:52

Niet the Dark Absol · Accepted Answer · 2013-01-08 20:39:29Z

3

chosenclass.children[0].style.color = '#000';

answered Jan 8, 2013 at 20:39

326k86 gold badges480 silver badges604 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

except children[0] is going to be a text node and not the span, I believe.

No, children refers only to element children. childNodes includes text.