按钮清除不了

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

玄众妙

2019-05-28 15:56

<!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");

  // 在此完成该函数

  for(var i=0;i<content.length;i++){

  var del=content.removeChild(content.childNodes[i])

  }

  document.write("Delete":+del);

}

</script>


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




</body>

</html>


写回答 关注

3回答

  • 阳火锅
    2019-05-29 09:10:38
    已采纳

    老夫30年的观写代码经验,任何细微都逃不过我的眼睛。。随便一瞟https://img4.mukewang.com/5ceddbe40001b57d04190034.jpg冒号放引号里面去就可以了。。采纳我吧

    玄众妙

    少了一个}

    2019-05-29 09:43:58

    共 2 条回复 >

  • 玄众妙
    2019-05-29 09:54:16

    <!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 conchild=content.childNodes;


      // 在此完成该函数


      for(var i=0;i<conchild.length;i++){


          if(conchild[i].nodeType!=1){   

    /*元素类型    节点类型

      元素          1

      属性          2

      文本          3

      注释          8

      文档          9*/


      continue;


      }else{

          var del=content.removeChild(conchild[i]);

      }

      var delv=del.innerHTML;

      document.write("Delete:"+del.innerHTML+"<br/>");

    }


    }


    </script>




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








    </body>


    </html>

    确实可行的

  • 玄众妙
    2019-05-28 16:37:03

    <!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 conchild=content.childNodes;

      // 在此完成该函数

      for(var i=0;i<conchild.length;i++){

          if(conchild&&conchild.nodeType!=0){

      var del=content.removeChild(conchild[i])

      }

      document.write("Delete":+del.innerHTML);

    }

    </script>


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




    </body>

    </html>

    这样也不行

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题