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

Posted David1314

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了removeChild() 方法从子节点列表中删除某个节点。如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL。相关的知识,希望对你有一定的参考价值。

<!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 childNode=content.childNodes[i];
content.removeChild(childNode);}
}
</script>

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

 

</body>
</html>

以上是关于removeChild() 方法从子节点列表中删除某个节点。如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL。的主要内容,如果未能解决你的问题,请参考以下文章

(转载)Javascript removeChild()不能删除全部子节点的解决办法

删除节点(removeChild())

js移除某一类的div

React DOMException:无法在“节点”上执行“removeChild”:要删除的节点不是该节点的子节点

JS常用方法总结

利用循环removeChild删除节点只删除一半问题