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 相关文章推荐
HTML Dom与Css控制方法
Oct 25 Javascript
jQuery实现可拖动的浮动层完整代码
May 27 Javascript
javascript中全局对象的isNaN()方法使用介绍
Dec 19 Javascript
jquery实现类似淘宝星星评分功能有截图
Sep 15 Javascript
前端轻量级MVC框架CanJS详解
Sep 26 Javascript
js阻止浏览器默认行为触发的通用方法(推荐)
May 15 Javascript
浅谈jquery中使用canvas的问题
Oct 10 Javascript
jquery实现文本框的禁用和启用
Dec 07 Javascript
jquery表单验证实例仿Toast提示效果
Mar 03 Javascript
原生JS实现层叠轮播图
May 17 Javascript
JS实现简单的抽奖转盘效果示例
Feb 16 Javascript
layui实现把数据表格时间戳转换为时间格式的例子
Sep 12 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中Static(静态)关键字功能与用法实例分析
2019/04/05 PHP
解决Laravel 使用insert插入数据,字段created_at为0000的问题
2019/10/11 PHP
PHP如何通过带尾指针的链表实现'队列'
2020/10/22 PHP
jQuery中:not选择器用法实例
2014/12/30 Javascript
javacript使用break内层跳出外层循环分析
2015/01/12 Javascript
全面解析JS字符串和正则表达式中的match、replace、exec等函数
2016/07/01 Javascript
微信小程序 扎金花简单实例
2017/02/21 Javascript
基于bootstrap按钮式下拉菜单组件的搜索建议插件
2017/03/25 Javascript
AngularJs 常用的过滤器
2017/05/15 Javascript
bootstrap timepicker在angular中取值并转化为时间戳
2017/06/13 Javascript
鼠标拖动改变DIV等网页元素的大小的实现方法
2017/07/06 Javascript
微信JSSDK调用微信扫一扫功能的方法
2017/07/25 Javascript
基于vue-cli3和element实现登陆页面
2019/11/13 Javascript
vue打开其他项目页面并传入数据详解
2020/11/25 Vue.js
[03:01]2014DOTA2国际邀请赛 DC:我是核弹粉,为Burning和国土祝福
2014/07/13 DOTA
[02:17]《辉夜杯》TRG战队巡礼
2015/10/26 DOTA
python 3.0 模拟用户登录功能并实现三次错误锁定
2017/11/01 Python
python学习笔记--将python源文件打包成exe文件(pyinstaller)
2018/05/26 Python
python实现五子棋人机对战游戏
2020/03/25 Python
python用类实现文章敏感词的过滤方法示例
2019/10/27 Python
Python实现自定义读写分离代码实例
2019/11/16 Python
Selenium元素定位的30种方式(史上最全)
2020/05/11 Python
10个示例带你掌握python中的元组
2020/11/23 Python
H5 meta小结(前端必看篇)
2016/08/24 HTML / CSS
西雅图的买手店:Totokaelo
2019/10/19 全球购物
AJAX的全称是什么
2012/11/06 面试题
大学生新闻专业个人自我评价
2013/11/12 职场文书
毕业生就业自荐书
2013/12/15 职场文书
个人求职简历中英文自我评价
2013/12/16 职场文书
幼儿教师考核制度
2014/01/25 职场文书
小学教师自我剖析材料
2014/09/29 职场文书
军事博物馆观后感
2015/06/05 职场文书
人民的好儿女观后感
2015/06/18 职场文书
python 如何获取页面所有a标签下href的值
2021/05/06 Python
python使用glob检索文件的操作
2021/05/20 Python
中国十大神话动漫电影排行榜 哪吒登顶 白蛇缘起排第七
2022/03/21 国漫