为甚么我每次都要点击两次按钮才能删除一个节点?求解~

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

祖国一霸

2018-09-19 14:09

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

        // alert(child.length);

        content.removeChild(child[0]);

    }

</script>

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

</body>



</html>


写回答 关注

3回答

  • 虚小空圆圆圆_RS003
    2018-10-09 21:00:16

    <div id="content"><h1>html</h1><h1>php</h1><h1>javascript</h1><h1>jquery</h1><h1>java</h1></div>

    把DIV里面的空格节点去除就行了 .

    之所以你要按2次,是因为每一次换行你的浏览器都有空格节点生成

  • qq_长剑Zlf古风君疯狂剑客_03964233
    2018-09-26 19:26:01

    你用for循环,如果你不是i--往后面删除的话,是i++这个方法的话,当i=0删除的是html,再循环一次,这时删除的就是javascript了,因为html不在了,所以i=1  ,javascript的下标就是1了

  • qq_各自安好_19
    2018-09-20 23:12:57

    你把div和h1换成无序列表ul和li试一下


JavaScript进阶篇

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

468192 学习 · 21891 问题

查看课程

相似问题