成功实现。

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

__Quincy

2020-08-08 10:28

<!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.childNodes.length;i++){

                //遍历每个子节点,找到并删除"java"节点

                if(content.childNodes[i].innerHTML=="java"){

                    content.removeChild(content.childNodes[i]);

                }

            }

        }

    </script>

    <button onclick="clearText()">点我删除节点</button>

</body>

</html>


写回答 关注

2回答

  • 慕少4313672
    2020-08-19 11:14:44

    每次从开头第0个子节点开始删除节点

  • 慕少4313672
    2020-08-19 11:11:10

    function clearText() {

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

      // 在此完成该函数

      //count=11

      var count = content.childNodes.length;

      for(var i=0;i<count;i++){

          content.removeChild(content.childNodes[0]);

      }

    }


JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题