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]对不对？