问答详情
源自:9-14 删除节点removeChild()

分享答案,嘻嘻

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

//  1. IE全系列、firefox、chrome、opera、safari兼容问题

// 2. 节点之间的空白符,在firefox、chrome、opera、safari浏览器是文本节点

      if(content.childNodes[i].nodeType!=1){

          continue;

      }else{

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

           x=null;

      }

     

      

  }

  

}

</script>


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




</body>

</html>


提问者:逃离外包 2019-01-29 13:12

个回答

  • 慕移动9181930
    2022-03-25 11:35:54

    亲,在电商二期中有规划,因为一期主要是想带你们把前后台流程跑通,如果是一个真实现的电商网站,会有很多的模块,这些都会在二期中讲解的。DW

  • LouisDuan
    2019-03-25 11:28:31

    实现了,不知道科学不
    function clearText() {
    var content=document.getElementById("content");
    // 在此完成该函数
    mylength=content.childNodes.length;
    for (var i=1; i<mylength; i++){
    content.removeChild(content.childNodes[i]); 
    }

  • 思进行
    2019-02-12 13:05:26

    content.childNodes.length  

    if(content.childNodes[i].nodeType!=1){

              continue;


  • qq_龘_2
    2019-02-10 19:54:32

    666