capturing/changing child node

[bcamp1973]

this isn't working, but i'm not understanding why...i want to change the contents of the <span> within the <p> tag...all i have to work with is the <p> tag's ID.

document.getElementById('testid').childNodes[0].innerHTML='working!';

and here's the html...

<p id="testid">this is <span>not working.</span></p>

any hints?

[Kravvitz]

The span isn't the first child node. It's the second.

[bcamp1973]

really? ok, now i'm confused...isn't it supposed to be in relation to the <p> and by being within the <p> it's a child of it correct? Sorry, guess it needs to be dumbed down for me

[Kravvitz]

Yes, the <span> is a child of the <p>. The childNodes[] collection includes more than just element nodes. It also includes text and comment (<!-- ... -->) nodes, for example, if any are present.

You could use this instead of childNodes[]

document.getElementById('testid').getElementsByTagName('span')[0]

[bcamp1973]

ok, cool...that makes more sense. thanks!