clearText1函数打印content.childNodes.length的长度为什么是5,空元素呢? 我的是google浏览器。

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

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

function clearText() {

  

  // 在此完成该函数

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

  var i=content.removeChild(content.childNodes[0]);

  a.innerHTML=i.innerHTML

}

function clearText1(){

    var arr=new Array();

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

        

        arr[i]=content.removeChild(content.childNodes[0]);        

    }

    

    document.getElementById("a").innerHTML=content.childNodes.length;

}


</script>


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

<p id="a">擦</p>




</body>

</html>


慕粉3493742
浏览 1393回答 2
2回答

损失函数

你的html里并没有id等于a的元素,document.getElementById("a")。望采纳!

桑榆非晚1989

点击按钮的后打印的是移除节点前的节点数!
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript