请教大神解答?

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

三水朝山

2016-07-24 20:22

<!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++){
      if(content.childNodes[i].nodeType!=1){  
         continue; 
      }else{
         content.removeChild(content.childNodes[i]);   
      }
        
      }

请问为什么要content.childNodes[i].nodeType!=1

写回答 关注

1回答

  • 小白t
    2016-07-24 23:36:13

    这里nodeType的返回值不为1就是说它没有元素在里面,就不用管它的,就继续遍历后面的节点,当nodeType返回值为1的时候就是说这个节点下面还有元素,就需要remove掉。

    三水朝山 回复小白t

    不行,无法一次删除

    2016-07-31 09:50:15

    共 3 条回复 >

JavaScript进阶篇

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

468191 学习 · 21891 问题

查看课程

相似问题