问答详情
源自:9-14 删除节点removeChild()

麻烦看一下为什么我的代码没办法运行,没看出什么问题

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

</head>


<body>

<div id="content">

  <h1>html</h1>

  <h1>php</h1>

  <h1>javascript</h1>

  <h1>jquery</h1>

  <h1>java</h1>

</div>


<script type="text/javascript">

function clearText() {

  var content=document.getElementById("content");

  var conCN=content.childNodes;

  while((conCN.length>0)&&(conCN[0].nodeType!=1)){

      content.removeChild(conCN[0]);

  }

  var newDiv=document.createElement("div");

  if(conCN.length>0){

      var rmNode=content.removeChild(conCn[0]);

      newDiv.innerHTML="clear\""+rmNode.innerHTML+"\"done!";

  }

  else{

      newDiv.innerHTML="There is no node";

  }

  content.parentNode.appendChild(newDiv);

}

</script>


<button onclick="clearText()">清除节点内容</button>




</body>

</html>



提问者:萌DA 2015-09-15 19:24

个回答

  • sixGod
    2015-09-15 19:29:41
    已采纳

     var rmNode=content.removeChild(conCn[0]);

    这句代码的conCn写错了,应该是conCN