编程 Javascript

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程序设计有所帮助。

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

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

基于jQuery图片平滑连续滚动插件

Apr 27 Javascript

锋利的jQuery 要点归纳（三） jQuery中的事件和动画（上：事件篇）

Mar 24 Javascript

javascript怎么禁用浏览器后退按钮

Mar 27 Javascript

生成二维码方法汇总

Dec 26 Javascript

jquery+php随机生成红包金额数量代码分享

Aug 27 Javascript

javascript实现拖动元素交换位置

Nov 29 Javascript

Javascript实现图片不间断滚动的代码

Jun 22 Javascript

Node.js 文件夹目录结构创建实例代码

Jul 08 Javascript

javascript实现简单的on事件绑定

Aug 23 Javascript

Mobile Web开发基础之四--处理手机设备的横竖屏问题

Aug 11 Javascript

vue项目前端埋点的实现

Mar 06 Javascript

为nuxt项目写一个面包屑cli工具实现自动生成页面与面包屑配置

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