document.getEle mentById returns a ref to the
entire node including its childNodes which
can be referenced through the childNodes
collection of the DOM. Read up on DOM Level 2.
<http://www.howtocreate .co.uk/tutorials/index.php?tut=0 &part=25>
You will find references and examples.
Also different browsers will treat spaces in
your markup as separate text nodes so be
careful with your tags and leaving spaces.
I'm no expert on this but this should
help. Tested in IE6. Just run it and then
inspect the code. Watch out for word wrap!
Jimbo
<HTML>
<HEAD><TITLE> </TITLE>
</HEAD>
<BODY>
<span id='msg_2'>Ther e is a bunch of text
<a href="http://www.someurl.com ">here</a>
.. And some others
<a href="http://www.otherurl.co m">here</a>
.. Good luck!</span>
<script type="text/javascript">
var obj = document.all?ms g_2:document.ge tElementById('m sg_2');
var len = obj.childNodes. length;
alert('the node msg_2 has '+
len +' childNodes');
for (var i=0; i<len; i++) {
var el = obj.childNodes[i];
var nType = el.nodeType;
if( nType== 1) { // element
if( el.childNodes.l ength ) {
var more = 'with ' +
el.childNodes.l ength +
' childNodes\n' +
'obj.childNodes[' + i +
'].firstChild.nod eValue = ' +
el.firstChild.n odeValue;
}
alert('obj.chil dNodes['+i+'] is a <' +
el.tagName +
'> element\n'+ more);
}
if(nType == 3) { // text node
alert('obj.chil dNodes['+i+'] is a text node\n'+
'obj.childNodes[' +i+ '].nodeValue = ' +
el.nodeValue);
}
}
</script>
</BODY>
</HTML>
