<div><input onclick="removeNode(this)" type="text" value="点击移除该输入框" /></div>

这个方法在IE下是好使的,但是在Firefox等标准浏览器中就会报错了 removeNode is not defined,但是在核心JS中有一个操作DOM节点的方法叫:removeChild(),看名字应该就知道是移除子节点的,那么我们就可以变通一下来实现移除指定的节点了,我们可以先去找到要删除节点的父节点,然后在父节点中运用removeChild来移除我们想移除的节点。我们可以定义一个方法,就叫removeElement吧。

<script type="text/javascript">
function removeElement(_element){
var _parentElement = _element.parentNode;
if(_parentElement){
_parentElement.removeChild(_element);
}
}
</script>
<div><input onclick="removeElement(this)" type="text" value="点击移除该输入框" /></div>

本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2010/02/25/1673625.html,如需转载请自行联系原作者

javascript 删除节点相关推荐

  1. javascript 删除节点问题

    核心JS中没有直接删除节点的方法,但有一个操作DOM子节点的方法叫:removeChild(): 一: <script type="text/javascript">f ...

  2. javascript删除元素节点

    在javascript操作dom树的时候可能会经常遇到增加,删除节点的事情,比如一个输入框后一个增加按钮,一个删除按钮,点击增加就增加 个输入框,点击删除就删除对应的输入框.在一些js框架,如Prot ...

  3. JavaScript学习笔记:创建、添加与删除节点

    JavaScript学习笔记:创建.添加与删除节点 文章目录 JavaScript学习笔记:创建.添加与删除节点 一.DOM对象节点类型 二.创建节点 1.创建元素节点 2.创建文本节点 3.创建属性 ...

  4. php移除所有子节点,Javascript removeChild()删除节点及删除子节点的方法_javascript技巧...

    下面给大家介绍Javascript removeChild()删除节点的方法,具体详情如下所示: 在Javascript中,只提供了一种删除节点的方法:removeChild(). removeChi ...

  5. JavaScript中的二叉搜索树删除节点代码

    JavaScript中的二叉搜索树删除节点代码 提示:只有删除的节点的操作哦~ 二叉搜索树的删除节点操作: 删除二叉搜索树节点会出现的情况 1.删除的是叶子节点,即其左右均为空节点 2. 删除的是只有 ...

  6. JavaScript 节点概述 、父节点 parentNode、子节点children、兄弟节点、创建节点 添加节点、删除节点、复制拷贝节点 ★案例★

    一般 节点至少拥有nodeType(节点类型).nodeName(节点名称)和nodeValue(节点值)这三个基本属性 元素节点 nodeType 为 1 属性节点 nodeType 为 2 文本节 ...

  7. javascript中节点操作、节点属性、节点获取、创建节点、删除节点、克隆节点

    节点操作 节点操作实际是利用DOM树把节点划分为不同的层次关系,常见父子兄弟级关系 节点属性: 节点一般有三个属性:nodeType节点类型(其中元素节点值为1,属性节点值为2,文本节点值为3).no ...

  8. 节点操作-创建并添加删除节点替换克隆节点

    <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo ...

  9. jQuery:插入,复制,替换和删除节点

    <html>  <head>     <meta http-equiv="Content-Type" content="text/html; ...

  10. IE 浏览器中不能使remove删除节点的解决方法

    在javascript操作dom树的时候可能会经常遇到增加,删除节点的事情,比如一个输入框后一个增加按钮,一个删除按钮,点击增加就增加 个输入框,点击删除就删除对应的输入框.在一些js框架,如Prot ...

最新文章

  1. 迷途の荣耀 Chapter Ⅱ
  2. linux内核链表的使用
  3. proximinty
  4. access开发精要(5)-合计group by
  5. MyBatis Plus Generator——基于Velocity的Controller参考模板(集成MyBatis Plus、Swagger2、自封装Response、分页)
  6. Mysql Innodb LBCC详解
  7. JAVA可阻塞队列-ArrayBlockingQueue
  8. html css简单form表单源码
  9. 随想录(程序语言只是SE的敲门砖)
  10. 软件质量管理体系 type:pdf_萧县iso14001环境管理体系各种荣誉资质
  11. Mac上word无响应且内容未保存后强制退出后恢复内容方法
  12. 普通人的第一个Linux发行版-安装Deepin20.5
  13. Windows 提示“缺少所需的 CD/DVD 驱动器设备驱动程序”
  14. Soft Cosine Measure
  15. 什么是学习?如何学习?
  16. dm服务器未能启动,DM 达梦数据库 创建服务 无法创建目录_REPLACE_SELF_DM_HOME 错误解决方法...
  17. python中docx模块的使用_Python-使用.docx模块
  18. python将某个非格式化显示的json文件处理得到格式化显示
  19. win7删除系统自带中文简体输入法中美式键盘
  20. java写入carbondata_CarbonData集群模式体验

热门文章

  1. Java实现QQ邮箱验证码发送
  2. UCOSIII总结------消息队列(6)
  3. 苹果iphone手机蓝牙自动打开故障怎么解决
  4. 在PC下载微信视频号里面的视频
  5. 浪潮服务器SSD盘咋查看信息,浪潮存储为你揭秘:保障SSD数据可靠性的“黑科技”...
  6. 一元二次方程的解c语言,一元二次方程求解程序完整代码
  7. android动态修改桌面图标,Android动态更换桌面图标
  8. Eclipse中如何创建文件夹管理多个项目
  9. 英国四高校携手开展智能传感器系统研究
  10. 一文分析 Only fullscreen opaque activities can request orientation 报错原因及解决方案