这篇文章主要介绍了JS实现DOM删除节点操作,结合实例形式分析了javascript使用removeChild()操作页面dom节点删除功能的相关实现技巧,需要的朋友可以参考下
本文实例讲述了JS实现DOM删除节点操作。分享给大家供大家参考，具体如下：
一 介绍
删除节点通过使用removeChild()方法来实现。
removeChild()方法用来删除一个子节点。
2本文来源gaodaima#com搞(代@码$网6
搞gaodaima代码
obj. removeChild(oldChild)oldChild：表示需要删除的节点。
二 应用
删除节点，本示例将通过DOM对象的removeChild()方法，动态删除页面中所选中的文本。
三 代码
<!DOCTYPE html><html><head><title>www.gaodaima.com 删除节点</title><script language="javascript"><!--function delNode(){var deleteN=document.getElementById('di');if(deleteN.hasChildNodes()){ deleteN.removeChild(deleteN.lastChild);}}--></script></head><body><h1>删除节点</h1><p id="di"><p>第一行文本</p><p>第二行文本</p><p>第三行文本</p></p><form><input type="button" value="删除" onclick="delNode();"/></form></body></html>
四 运行结果
相关推荐：
js—DOM节点
JS和JQuery对操作DOM的方法
以上就是JS实现DOM删除节点操作示例的详细内容，更多请关注搞代码gaodaima其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：JS实现DOM删除节点操作示例
转载请注明原文链接：JS实现DOM删除节点操作示例
