介绍删除节点函数removeChild()用法-js教程-PHP中文网

首页

web前端

js教程

介绍删除节点函数removeChild()用法

May 12, 2018 pm 03:34 PM

函数节点

删除节点removeChild()
removeChild() 方法从子节点列表中删除某个节点。如删除成功，此方法可返回被删除的节点，如失败，则返回 NULL。

语法:

nodeObject.removeChild(node)
参数:

node ：必需，指定需要删除的节点。

注意: 把删除的子节点赋值给 x，这个子节点不在DOM树中，但是还存在内存中，可通过 x 操作。

如果要完全删除对象，给 x 赋 null 值。

&lt;!DOCTYPE HTML&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;&gt;
&lt;title&gt;无标题文档&lt;/title&gt;
&lt;/head&gt;
 
&lt;body&gt;
&lt;p id=&quot;content&quot;&gt;
  &lt;h1&gt;html&lt;/h1&gt;
  &lt;h1&gt;php&lt;/h1&gt;
  &lt;h1&gt;javascript&lt;/h1&gt;
  &lt;h1&gt;jquery&lt;/h1&gt;
  &lt;h1&gt;java&lt;/h1&gt;
&lt;/p&gt;
&lt;script type=&quot;text/javascript&quot;&gt;//一次性删除所有子节点function clearText() {  var content=document.getElementById(&quot;content&quot;);  for(var i=0;i&lt;content.childNodes.length;i++){      var node = content.childNodes[i];
      content.removeChild(node);
  }
}&lt;/script&gt;
&lt;button onclick=&quot;clearText()&quot;&gt;清除节点内容&lt;/button&gt;
&lt;/body&gt;
&lt;/html&gt;