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

在javascript操作dom树的时候可能会经常遇到增加，删除节点的事情，比如一个输入框后一个增加按钮，一个删除按钮，点击增加就增加个输入框，点击删除就删除对应的输入框。在一些js框架，如Prototype中，可以用element.remove()来删除一个节点，核心JS中并没有这样的方法，IE中有这样一个方法:removeNode()，尝试运行下面的代码
<div><input on click="removeNode(this)" type="text" value="点击移除该输入框" /></div>
可以发现，这个方法在IE下是好使的，但是在Firefox等标准浏览器中就会报错了 removeNode is not defined，但是在核心JS中有一个操作DOM节点的方法叫：removeChild()，看名字应该就知道是移除子节点的，那么我们就可以变通一下来实现移除指定的节点了，我们可以先去找到要删除节点的父节点，然后在父节点中运用removeChild来移除我们想移除的节点。我们可以定义一个方法，就叫removeElement吧。
function removeElement(_element){
         var _parentElement = _element.parentNode;
         if(_parentElement){
                _parentElement.removeChild(_element);
         }
}
尝试运行下面的代码，可以在各种浏览器中正确执行了。
<script type="text/javas cript">
function removeElement(_element){
         var _parentElement = _element.parentNode;
         if(_parentElement){
                _parentElement.removeChild(_element);
         }
}
</script>
<div><input on click="removeElement(this)" type="text" value="点击移除该输入框" /></div>

IE 浏览器中不能使remove删除节点的解决方法相关推荐

python list遍历删除_Python中list循环遍历删除数据的正确方法
前言初学Python,遇到过这样的问题,在遍历list的时候,删除符合条件的数据,可是总是报异常,代码如下: num_list = [1, 2, 3, 4, 5] print(num_list) f ...
html没有注册类,电脑中ie浏览器提示没有注册类别的三种解决方法
ie浏览器功能十分强大,能够给我们带来很棒的网页浏览体验.不过,一些朋友反馈自己在使用ie浏览器过程中,突然遇到"没有注册类别"的出错提示,这是怎么回事呢?其实这是文件的丢失等原因 ...
【点击链接，自动下载安装APP，小米公司的坑】在浏览器中，我们以为回退就能解决误点击。其实是不管用的。
2018-5-29,更新解释不是西瓜视频的坑. 是小米手机,小米公司的坑,浏览器点击什么链接后,后台或下拉菜单中就自动开始了下载安装 APP. 这类链接大多数是广告链接.小米手机没有提示提醒,也不 ...
win 10 无法删除系统文件的解决方法(提示：无法枚举容器中的对象访问被拒绝)
win 10 无法删除系统文件的解决方法(提示:无法枚举容器中的对象访问被拒绝) 参考文章: (1)win 10 无法删除系统文件的解决方法(提示:无法枚举容器中的对象访问被拒绝) (2)http ...
java steam 去重_Java中对List去重 Stream去重的解决方法
问题当下互联网技术成熟,越来越多的趋向去中心化.分布式.流计算,使得很多以前在数据库侧做的事情放到了Java端.今天有人问道,如果数据库字段没有索引,那么应该如何根据该字段去重?大家都一致认为用Ja ...
计算机管理创建新用户,win7系统添加新用户名的方法和win7系统计算机管理中没有本地用户和组的解决方法...
win7系统添加新用户名的方法方法一:通过控制面板创建新的用户． 1.打开开始菜单,选择控制面板. 2.打开控制面板界面,选择用户账户. 3.进行用户设置界面,选择管理其它账户. 4.点击下面的创建 ...
html页面在ie上出现404怎么解决,ie浏览器网页上有错误显示不全的解决方法
ie浏览器网页上有错误显示不全的解决方法有时候打开网页发现内容的排版比较混乱,比如上下两行的文字部分重叠,字体大小看起来很不协调,本来是一行的文字显示成两行,等等.这是因为浏览器的设置出了问题,很多 ...
php 此网页包含重定向循环,打开浏览器网页提示此网页包含重定向循环解决方法...
我们平常会使用浏览器来浏览一些网页,在使用过程中难免会遇到这样或那样的棘手问题.最近有用户在使用第三方浏览器时打开网页浏览器提示:此网页包含重定向循环,生成了过多的重定向.清除此网站的 Cookie ...
vue php跨域,Vue 项目中遇到的跨域问题及解决方法(后台php)
问题描述前端 vue 框架,后台 php,百度跨域问题后台加这段代码 header("Access-Control-Allow-Origin: *"); 加了之后报这个错: Th ...

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

IE 浏览器中不能使remove删除节点的解决方法相关推荐

最新文章

热门文章