不会的可做参考

来源:9-14 删除节点removeChild()

weixin_慕虎5578550

2019-04-26 10:30

<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</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 x=document.getElementById("content");
  var y=x.childNodes; //必须定义在for语句外面,否则每一次循环y的长度减少,i的值增加,会出现删不尽。
  for(var i=0;i<y.length;i++){
  if(y[i] && y[i].nodeType==1){//如果子节点为null或者非标签元素节点,不删除他。
  var z=x.removeChild(y[i]);//开辟内存空间储存被删元素,用于打印已删除内容。
  document.write("已删除节点:"+z.innerHTML+"<br />");
  }
  }
}
</script>
<button onclick="clearText()">清除节点内容</button>
 </body>
</html>

写回答 关注

2回答

  • weixin_慕斯卡4281563
    2019-06-26 12:54:43

    是的楼主是对的

  • qq_最美不过初相遇厌倦人心_0
    2019-06-05 11:31:20

    好像一定要判断.nodeType==1,要不好像不能删除成功

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468060 学习 · 21891 问题

查看课程

相似问题