views:

48

answers:

1

Why does this script bail out (IE) or stick (FF) at the first table cell containing text that it finds?

<!html>
<head>
<script type="text/javascript">
function CheckChildren(obj)
{
        alert(obj.id + ' ' + obj.tagName + ' ' + obj.childNodes.length);
        for ( i = 0; i < obj.childNodes.length; i++)
        {
                CheckChildren(obj.childNodes[i]);
        }
        alert(obj.id);
        return false;
}
</script>
</head>
<body>

<table id="table">
<tr id="a"><td id="b">b</td><td id="c">c</td></tr>
<tr id="d"><td id="e">e</td><td id="f">f</td></tr>
</table>
<input type="button" onclick="CheckChildren(document.getElementById('table'))" value="click">
</body>
</html>
+3  A: 

Try putting the word "var" before the "i" in your for loop.

  for ( var i = 0; i < obj.childNodes.length; i++)

Without that, your code is referring to a global variable "i", so each recursive iteration sets it back to zero.

Pointy
Oh thank you! I knew it must be something obvious.
Jamie Kitson