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 相关文章推荐
JavaScript加密解密7种方法总结分析
Oct 07 Javascript
Javascript中Event属性搜集整理
Sep 17 Javascript
jquery ajax 局部无刷新更新数据的实现案例
Feb 08 Javascript
Javascript实现获取窗口的大小和位置代码分享
Dec 04 Javascript
浅析vue数据绑定
Jan 17 Javascript
angular2+node.js express打包部署的实战
Jul 27 Javascript
vue+axios实现文件下载及vue中使用axios的实例
Sep 21 Javascript
js实现延迟加载的几种方法详解
Jan 19 Javascript
vue工程全局设置ajax的等待动效的方法
Feb 22 Javascript
详解js常用分割取字符串的方法
May 15 Javascript
微信js-sdk 录音功能的示例代码
Nov 01 Javascript
react 路由Link配置详解
Nov 11 Javascript
原生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
php中通过虚代理实现延迟加载的实现代码
2011/06/10 PHP
php数组函数序列之array_combine() - 数组合并函数使用说明
2011/10/29 PHP
解析php开发中的中文编码问题
2013/08/08 PHP
php中JSON的使用与转换
2015/01/14 PHP
PHP 前加at符合@的作用解析
2015/07/31 PHP
PHP 进度条函数的简单实例
2017/09/19 PHP
Laravel中的Blade模板引擎示例详解
2017/10/10 PHP
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
2015/09/12 Javascript
浅析nodejs实现Websocket的数据接收与发送
2015/11/19 NodeJs
jQuery实现简单的图片查看器
2020/09/11 Javascript
Angularjs实现带查找筛选功能的select下拉框示例代码
2016/10/04 Javascript
AngularJS操作键值对象类似java的hashmap(填坑小结)
2016/11/12 Javascript
如何利用JQuery实现从底部回到顶部的功能
2016/12/27 Javascript
妙用Angularjs实现表格按指定列排序
2017/06/23 Javascript
微信页面弹出键盘后iframe内容变空白的解决方案
2017/09/20 Javascript
vue-router 起步步骤详解
2019/03/26 Javascript
微信小程序实现卡片左右滑动效果的示例代码
2019/05/01 Javascript
[00:36]TI7不朽珍藏III——斯温不朽展示
2017/07/15 DOTA
Python中is与==判断的区别
2017/03/28 Python
python 打印直角三角形,等边三角形,菱形,正方形的代码
2017/11/21 Python
python编程实现12306的一个小爬虫实例
2017/12/27 Python
浅谈Matplotlib简介和pyplot的简单使用——文本标注和箭头
2018/01/09 Python
Django安装配置mysql的方法步骤
2018/10/15 Python
在python中按照特定顺序访问字典的方法详解
2018/12/14 Python
Python正则表达式和re库知识点总结
2019/02/11 Python
解决Python中导入自己写的类,被划红线,但不影响执行的问题
2020/07/13 Python
使用html5+css3来实现slider切换效果告别javascript+css
2013/01/08 HTML / CSS
HTML5 embed标签定义和用法详解
2014/05/09 HTML / CSS
匈牙利墨盒和碳粉购买网站:CDRmarket
2018/04/14 全球购物
学生会竞选自荐信
2013/10/12 职场文书
党员自我评价分享
2013/12/13 职场文书
暑期实习鉴定
2013/12/16 职场文书
《跟踪台风的卫星》教学反思
2014/04/10 职场文书
基层党员四风问题自我剖析材料
2014/09/29 职场文书
公司催款律师函
2015/05/27 职场文书
新党员入党决心书
2015/09/22 职场文书