问答详情
源自: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(n) {

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

  var ss = content.childNodes

  // 在此完成该函数

    // if(ss[n] && ss[n].nodeType==1){//如果子节点为null或者非标签元素节点,不删除他。

    var x = content.removeChild(content.childNodes[n])

   document.write("已删除节点:"+x.innerHTML+"<br />");

    // }

  

}

</script>


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

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

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

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

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




</body>

</html>


提问者:慕先生1521497 2019-08-16 07:32

个回答

  • 阳火锅
    2019-08-16 15:15:03

    你都把div删了。。