为了账号安全,请及时绑定邮箱和手机立即绑定

为何点击按钮后输出许多undefined?代码如下:

为何点击按钮后输出许多undefined?代码如下:

<!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=content.childNodes.length-1;i>=0;i--){       var x=content.removeChild(content.childNodes[i]);       document.write("删除节点:"+x.innerHTML+"<br>");   }  } </script> <button onclick="clearText()">清除节点内容</button> </body> </html>
查看完整描述

4 回答

?
一只初学喵

TA贡献1条经验 获得超2个赞


因为div和h1,h1和h1之间还有空白文本结点,即换行字符,也是content的子结点,所以出现undefined

57d3da2700018cb405000151.jpg

57d3da280001185201680108.jpg

这样写js也可以

查看完整回答
2 反对 回复 2016-09-10
?
super_mb

TA贡献101条经验 获得超107个赞

因为 id 为 content 的 div 中不止有元素节点,还有文本节点,就是每个h1标签前的空格和其后的回车,这些文本节点的innerHTML自然是undefined,文本节点应该没有innerHTML属性。

查看完整回答
2 反对 回复 2016-09-10
?
第二热情

TA贡献2条经验 获得超1个赞

从开始学就打好基本功,一个网页的H1次数怎么出现这么多···

查看完整回答
反对 回复 2016-09-10
  • 4 回答
  • 0 关注
  • 2503 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信