javascript 删除节点

简介:

   
   
< 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,如需转载请自行联系原作者
目录
相关文章
|
7月前
|
前端开发 JavaScript 区块链
连接区块链节点的 JavaScript 库 web3.js
连接区块链节点的 JavaScript 库 web3.js
75 2
|
7月前
|
JavaScript 前端开发
用JavaScript正则表达式匹配对应字符串高亮显示,并过滤掉空格、<、>等HTML节点符号
用JavaScript正则表达式匹配对应字符串高亮显示,并过滤掉空格、<、>等HTML节点符号
|
7月前
|
JavaScript
Turndown 源码分析:五、节点相关`root-node.js`和`node.js`
Turndown 源码分析:五、节点相关`root-node.js`和`node.js`
78 0
|
7月前
|
JavaScript
js添加 删除 替换 插入节点所用的方法
js添加 删除 替换 插入节点所用的方法
39 0
|
JavaScript 前端开发
js中访问节点和创建节点的方法都有什么?
js中访问节点和创建节点的方法都有什么?
74 0
|
3月前
|
JavaScript 前端开发 索引
JavaScript HTML DOM 节点列表
JavaScript HTML DOM 节点列表
25 5
|
3月前
|
JavaScript 前端开发
JavaScript HTML DOM 元素 (节点)
JavaScript HTML DOM 元素 (节点)
31 2
|
7月前
|
前端开发 JavaScript 区块链
连接区块链节点的 JavaScript 库 web3.js
连接区块链节点的 JavaScript 库 web3.js
|
5月前
|
JavaScript
js 解析和操作树 —— 获取树的深度、提取并统计树的所有的节点和叶子节点、添加节点、修改节点、删除节点
js 解析和操作树 —— 获取树的深度、提取并统计树的所有的节点和叶子节点、添加节点、修改节点、删除节点
155 0
|
6月前
|
JavaScript BI
技术笔记:JS获取子节点、父节点和兄弟节点的方法实例总结
技术笔记:JS获取子节点、父节点和兄弟节点的方法实例总结
110 0