浏览器兼容模式下无法使用remove()失效:解决方法

浏览器的兼容模式下删除该节点的=》子节点==使用remove()失效

问题:公司项目上线之后,可会反馈,在ie各个IE8+ 、火狐、谷歌、360极速模式都可以正常使用
分析:经过重重定位,最后定位在前端使用remove()方法的时候失效了。
原先代码js
$(e.target).next().remove();//使用的是remove方法,浏览器兼容模式失效
查资料说是remove()方法在ie浏览器下不兼容。那既然不兼容就不用它了。于是乎我就把删除整行元素的代码改成了原生js形式:
//                $(e.target).next().remove();//使用的是remove方法,浏览器兼容模式失效
                var ele = document.getElementById(temptt).nextElementSibling;//temptt是前面获取的id值
                ele.parentNode.removeChild(ele);

总结:

这下运行没问题。不过为了删除功能在各个浏览器下的兼容性,我加个判断,如果是ie浏览器下,那就用原生js代码实现删除功能,如果是非ie浏览器下 ,那就用jquery方法下的remove()方法。算是比较周全的解决方法。

猜你喜欢

转载自blog.csdn.net/xiaozhenzi66/article/details/81129986
今日推荐