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


Posted in Javascript onJanuary 12, 2015

本文实例讲述了DOM节点删除函数removeChild()用法。分享给大家供大家参考。具体分析如下:

DOM删除一个节点,必须要站在父节点的高度去删除,代码如下:

<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>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JS版的date函数(和PHP的date函数一样)
May 12 Javascript
Javascript验证用户输入URL地址是否为空及格式是否正确
Oct 09 Javascript
javascript事件冒泡简单示例
Jun 20 Javascript
实例解析jQuery中如何取消后续执行内容
Dec 01 Javascript
JS实现Ajax的方法分析
Dec 20 Javascript
AngularJS Toaster使用详解
Feb 24 Javascript
JavaScript无操作后屏保功能的实现方法
Jul 04 Javascript
JavaScript学习笔记之惰性函数示例详解
Aug 27 Javascript
微信小程序结合mock.js实现后台模拟及调试
Mar 28 Javascript
微信小程序如何调用json数据接口并解析
Jun 29 Javascript
原生js实现密码强度验证功能
Mar 18 Javascript
解决vue页面刷新,数据丢失的问题
Nov 24 Vue.js
原生javascript实现图片弹窗交互效果
Jan 12 #Javascript
原生javascript实现图片按钮切换
Jan 12 #Javascript
原生javascript实现图片滚动、延时加载功能
Jan 12 #Javascript
DOM节点的替换或修改函数replaceChild()用法实例
Jan 12 #Javascript
原生javascript实现Tab选项卡切换功能
Jan 12 #Javascript
推荐4个原生javascript常用的函数
Jan 12 #Javascript
原生js实现日期联动
Jan 12 #Javascript
You might like
Apache, PHP在Windows 9x/NT下的安装与配置 (二)
2006/10/09 PHP
php self,$this,const,static,-&amp;gt;的使用
2009/10/22 PHP
《PHP编程最快明白》第五讲:php目录、文件操作
2010/11/01 PHP
js格式化货币数据实现代码
2013/09/04 Javascript
js中的this关键字详解
2013/09/25 Javascript
自己封装的常用javascript函数分享
2015/01/07 Javascript
jQuery中 attr() 方法使用小结
2015/05/03 Javascript
js查看一个函数的执行时间实例代码
2015/09/12 Javascript
JS+CSS实现类似QQ好友及黑名单效果的树型菜单
2015/09/22 Javascript
jquery中的常见问题及快速解决方法小结
2016/06/14 Javascript
微信公众平台开发教程(五)详解自定义菜单
2016/12/02 Javascript
微信小程序 开发经验整理
2017/02/15 Javascript
SpringMVC简单整合Angular2的示例
2017/07/31 Javascript
vue里面v-bind和Props 利用props绑定动态数据的方法
2018/08/27 Javascript
CKEditor4配置与开发详细中文说明文档
2018/10/08 Javascript
electron-vue开发环境内存泄漏问题汇总
2019/10/10 Javascript
python3访问sina首页中文的处理方法
2014/02/24 Python
python 读取文件并替换字段的实例
2018/07/12 Python
Django渲染Markdown文章目录的方法示例
2019/01/02 Python
Python Django 命名空间模式的实现
2019/08/09 Python
Django框架安装方法图文详解
2019/11/04 Python
python中upper是做什么用的
2020/07/20 Python
详解numpy1.19.4与python3.9版本冲突解决
2020/12/15 Python
html5 http的轮询和Websocket原理
2018/10/19 HTML / CSS
教你怎样写好自我评价
2013/10/05 职场文书
生产部主管岗位职责
2014/01/06 职场文书
本科毕业自我鉴定
2014/03/20 职场文书
投标承诺书怎么写
2014/05/24 职场文书
2014年消防工作总结
2014/11/21 职场文书
2015年司法局工作总结
2015/05/22 职场文书
2019秋季运动会口号
2019/06/25 职场文书
python内置进制转换函数的操作
2021/06/02 Python
Opencv实现二维直方图的计算及绘制
2021/07/21 Python
各种货币符号快捷输入
2022/02/17 杂记
【海涛教你打DOTA】剑圣第一人称视角解说
2022/04/01 DOTA
Go本地测试解耦任务拆解及沟通详解Go本地测试的思路沟通的重要性总结
2022/06/21 Golang