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 自定义事件初探
Aug 21 Javascript
js 动态选中下拉框
Nov 26 Javascript
javascript中var的重要性分析
Feb 11 Javascript
15个常用的jquery代码片段
Dec 19 Javascript
JavaScript黑洞数字之运算路线查找算法(递归算法)实例
Jan 28 Javascript
浅谈JavaScript对象的创建方式
Jun 13 Javascript
jQuery扩展实现text提示还能输入多少字节的方法
Nov 28 Javascript
angularjs实现猜大小功能
Oct 23 Javascript
jQuery简单实现对数组去重及排序操作实例
Oct 31 jQuery
Vue动画事件详解及过渡动画实例
Feb 09 Javascript
JavaScript判断对象和数组的两种方法
May 31 Javascript
浅谈vue2的$refs在vue3组合式API中的替代方法
Apr 18 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
PHP中header和session_start前不能有输出原因分析
2013/01/11 PHP
eAccelerator的安装与使用详解
2013/06/13 PHP
Ajax+PHP快速上手及简单应用说明
2013/07/24 PHP
10条php编程小技巧
2015/07/07 PHP
php使用ffmpeg向视频中添加文字字幕的实现方法
2016/05/23 PHP
PHP实现的文件操作类及文件下载功能示例
2016/12/24 PHP
PHP中的日期时间处理利器实例(Carbon)
2017/06/09 PHP
Javascript实现的分页函数
2006/12/22 Javascript
jQuery下的几个你可能没用过的功能
2010/08/29 Javascript
js实现在字符串中提取数字
2013/11/05 Javascript
JS中的异常处理方法分享
2013/12/22 Javascript
jquery选择器排除某个DOM元素的方法(实例演示)
2014/04/25 Javascript
遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)
2015/08/20 Javascript
Nodejs从有门道无门菜鸟起飞必看教程
2016/07/20 NodeJs
浅谈在koa2中实现页面渲染的全局数据
2017/10/09 Javascript
vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能
2020/11/16 Javascript
[03:21]辉夜杯主赛事 12月25日TOP5
2015/12/26 DOTA
[01:32]2016国际邀请赛中国区预选赛CDEC战队教练采访
2016/06/26 DOTA
python的scikit-learn将特征转成one-hot特征的方法
2018/07/10 Python
Python使用pandas和xlsxwriter读写xlsx文件的方法示例
2019/04/09 Python
Pycharm新建模板默认添加个人信息的实例
2019/07/15 Python
解决Pytorch 加载训练好的模型 遇到的error问题
2020/01/10 Python
python基于property()函数定义属性
2020/01/22 Python
Python统计文本词汇出现次数的实例代码
2020/02/27 Python
CSS3制作炫酷带方向感应的鼠标滑过图片3D动画
2016/03/16 HTML / CSS
如何给HTML标签中的文本设置修饰线
2019/11/18 HTML / CSS
欧舒丹比利时官网:L’OCCITANE比利时
2017/04/25 全球购物
英国皇家造币厂:The Royal Mint
2018/10/05 全球购物
英国领先的电视购物零售商:Ideal World
2019/03/18 全球购物
学校四群教育实施方案
2014/06/12 职场文书
项目申请汇报材料
2014/08/16 职场文书
村党的群众路线教育实践活动总结材料
2014/10/31 职场文书
2014年幼儿园教师工作总结
2014/11/08 职场文书
期中考试复习计划
2015/01/19 职场文书
贷款收入证明范本
2015/06/12 职场文书
SQL之各种join小结详细讲解
2021/08/04 MySQL