DOM对象：删除子节点

Question

function clearText() 
{
  var content=document.getElementById("content");
  var x;
  for (x in content.childNodes)
  {
     var childNode = content.childNodes[i];
         content.removeChild(childNode);
  } 
}

function clearText() 
{
  var content=document.getElementById("content");
  for(var i=content.childNodes.length-1;i>=0;i--)
  {
     var childNode = content.childNodes[i];
     content.removeChild(childNode);
  }
}

这2个函数为什么第一个就不行？

Answer 1

for...in 语句用于遍历数组或者对象的属性（是属性），而且返回值是字符串型这里写for (x in content.childNodes)，而content.childNodes的属性是子节点的数目还有length,所以会报错你可以alert(x)看下

Answer 2

第一个函数content.childNodes[i]这里的i 是不是没有定义，想不出怎么循环。for in 遍历childNodes的下标，这里应该是childNodes[x]对不对？