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和html5实现手机端刮刮卡抽奖效果完美兼容android/IOS
Nov 18 Javascript
document.write的几点使用心得
May 14 Javascript
JQuery boxy插件在IE中边角图片不显示问题的解决
May 20 Javascript
在javascript中随机数 math random如何生成指定范围数值的随机数
Oct 21 Javascript
获取url中用&amp;隔开的参数实例(分享)
May 28 Javascript
JQuery和html+css实现带小圆点和左右按钮的轮播图实例
Jul 22 jQuery
vue脚手架中配置Sass的方法
Jan 04 Javascript
详解浏览器缓存和webpack缓存配置
Jul 06 Javascript
如何制作一个Node命令行图像识别工具
Dec 12 Javascript
微信小程序实现通过双向滑动缩放图片大小的方法
Dec 30 Javascript
Node如何后台数据库使用增删改查功能
Nov 21 Javascript
Vue2.0搭建脚手架
Mar 13 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加MYSQL服务器
2006/10/09 PHP
WordPress中重置文章循环的rewind_posts()函数讲解
2016/01/11 PHP
php 实现301重定向跳转实例代码
2016/07/18 PHP
php+flash+jQuery多图片上传源码分享
2020/07/27 PHP
PHP Header失效的原因分析及解决方法
2016/11/16 PHP
php实现微信分享朋友链接功能
2019/02/18 PHP
javascript 出生日期和身份证判断大全
2008/11/13 Javascript
javascript Split方法,indexOf方法、lastIndexOf 方法和substring 方法
2009/03/21 Javascript
javascript 一个函数对同一元素的多个事件响应
2009/07/25 Javascript
ExtJs之带图片的下拉列表框插件
2010/03/04 Javascript
使用Java实现简单的server/client回显功能的方法介绍
2013/05/03 Javascript
原生javascript和jquery判断浏览器版本等信息
2013/07/04 Javascript
使用JavaScript 编写简单计算器
2014/11/24 Javascript
js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)
2015/07/18 Javascript
js实现向右横向滑出的二级菜单效果
2015/08/27 Javascript
javascript实现别踩白块儿小游戏程序
2015/11/22 Javascript
分享两段简单的JS代码防止SQL注入
2016/04/12 Javascript
javascript学习指南之回调问题
2016/04/23 Javascript
微信小程序动态的加载数据实例代码
2017/04/14 Javascript
react中实现搜索结果中关键词高亮显示
2018/07/31 Javascript
微信小程序如何获取手机验证码
2018/11/04 Javascript
Vue自定义指令写法与个人理解
2019/02/09 Javascript
Vue实现星级评价效果实例详解
2019/12/30 Javascript
[35:55]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第一场 12.11
2020/12/13 DOTA
Python面向对象思想与应用入门教程【类与对象】
2019/04/12 Python
python文件写入write()的操作
2019/05/14 Python
新手入门Python编程的8个实用建议
2019/07/12 Python
Django 后台获取文件列表 InMemoryUploadedFile的例子
2019/08/07 Python
Cython编译python为so 代码加密示例
2019/12/23 Python
新加坡时尚网上购物:Zalora新加坡
2016/07/26 全球购物
怎样写好自荐信和推荐信
2013/12/26 职场文书
社区端午节活动总结
2015/02/11 职场文书
公司员工奖惩制度
2015/08/04 职场文书
2016学习医德医风心得体会
2016/01/25 职场文书
Python实现socket库网络通信套接字
2021/06/04 Python
 python中的元类metaclass详情
2022/05/30 Python