注册登录

【DOM】DOM节点删除函数removeChild()用法实例-节点--删除-函数-removeChild

时间:2016-02-12 13:09 来源: 我爱IT技术网作者:佚名

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【DOM节点删除函数removeChild()用法实例】，下面是详细的讲解！

DOM节点删除函数removeChild()用法实例

<html>
<head>
<script type="text/javascript">
function t(){
//思路：1.首先找到要删除的节点；2. 找到它的父节点，在父节点的角度删除子节点
var nodeul=document.getElementsByTagName('ul')[0];//找到父节点
var li_lan=nodeul.children[2];//找到要删除的子节点
nodeul.removeChild(li_lan);//使用removeChild()函数删除
}
</script>
</head>
<body>
<div id="container">
<ul>
<li>春天</li>
<li>夏天</li>
<li>蓝天</li>
<li>秋天</li>
<li>冬天</li>
</ul>
</div>
<div id="copyul">
</div>
<hr />
<button onclick="t()" value="">删除一个子节点</button>
</body>
</html>

关于DOM节点删除函数removeChild()用法实例的用户互动如下：

　　相关问题：在js如何引用用removeChild删掉的节点的html代码

　　答：删除掉之前先获取 var node=document.body.firstChild;document.body.removeChild(node);//现在，node就是删除掉的节点 >>详细

　　相关问题：高分请教,js的DOMNodeRemoved事件如何在删除节点之...

　　答：猜楼主是想实现自动调节高度，你可以考虑在 DOMNodeRemoved事件中使用settimeout，设置一个合适的延时，再去获取父元素的高度即可 >>详细

　　相关问题：js中移除dom节点上添加的事件函数的问题？

　　答：删除onload下的代码 showname=function showName(){ alert('nihao'); } 取函数名不要取的一样的。这个addEventListener存在兼容性。 >>详细

评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）

【DOM】DOM节点删除函数removeChild()用法实例-节点--删除-函数-removeChild

DOM节点删除函数removeChild()用法实例

关于DOM节点删除函数removeChild()用法实例的用户互动如下：

第一章 JavaScript （基础）

第二章 JavaScript（高级）