低版本IE浏览器不支持前端代码修改属性remove()的解决办法

今天在工作中碰到了低版本IE浏览器不支持对象属性移除(remove)和添加(add)的方法，请教了同事结合在网上找到的资源最后写了这一段代码，完美的解决了一个前端基础问题，在此记录一下，希望可以帮助到你。

参考代码(未修改前):

/* IE10 以及以上版本支持的移除和添加的方法 */
document.getElementById("openid").classList.remove("active");
document.getElementById("downid").classList.add("active");

参考代码(修改后):

/* 通过直接对想要修改的属性直接赋值的方式进行修改,可以完成向下兼容,至少IE8没有问题啦 */
document.getElementById("openid").className = "capsule-switch-left active";
document.getElementById("downid").className = "capsule-switch-right";

低版本IE浏览器不支持前端代码修改属性remove()的解决办法相关推荐

如何让低版本IE浏览器支持HTML5和CSS3
在默认状态下,低版本的IE浏览器是不支持HTML5和CSS3的,很多良好的效果都不能够使用,这不能不说是一种遗憾,为了弥补此种遗憾,因此产生了很多优秀的插件,下面就介绍比较常用的几种. 一.html5 ...
解决opacity属性在低版本IE浏览器下失效的方法
以前,一直都以为ie9以下的版本不支持opacity属性.所以就同时使用 opacity和ie独特的filter蒙版.但是有些时候需要一些动态的效果,就比如层的渐渐消失,隐藏,就需要使用动态变化的op ...
AJAX学习笔记（基本使用，请求参数传递，获取服务端响应，错误处理，低版本IE浏览器缓存问题及解决）
1. Ajax实现步骤创建ajax对象 let xhr = new XMLHttpRequest(); 告诉ajax请求地址及请求方式 xhr.open('get','http://www.exam ...
html兼容ie低版本,jquery不兼容低版本ie浏览器怎么办？
jquery不兼容低版本ie浏览器怎么办? 1.可以使用原生JS或者低版本的Jquery1.x版本.因为Jquery从2.x版本开始已经不再进行IE低版本(IE6.IE7.IE8)的兼容性处理.如果需 ...
低版本ie浏览器禁用提示
低版本ie浏览器禁用提示 <!--[if lte IE 10]><script>// 低版本浏览器升级提示var div = document.createElement(&q ...
浏览器尺寸判断（兼容标准及低版本ie浏览器）
1.总体思路:先判断浏览器类型,再根据不同浏览器类型用不同方法获取浏览器尺寸: 2.html <!DOCTYPE html> <html><head><met ...
Ajax学习日志（七）—— 解决低版本IE浏览器的缓存问题
Ajax入门(七) 一.解决低版本IE浏览器的缓存问题 1.1) 低版本IE浏览器的缓存问题及解决方案 1.2)需了解的知识 1.3)在app.js同目录下新建一个txt文件 1.4)在app.js创 ...
jsencrypt.js 兼容低版本IE浏览器(IE9以下)
jsencrypt.js 兼容低版本IE浏览器(IE9以下) IE5.IE6.IE7.IE8使用jsencrypt.js IE5.IE6.IE7.IE8使用RSA加密 JS使用非对称加密 SCRIPT ...
JS判断浏览器是否支持某一个CSS3属性
1.引子 css3的出现让浏览器的表现更加的丰富多彩,表现冲击最大的就是动画了,在日常书写动画的时候,很有必要去事先判断浏览器是否支持,尤其是在写CSS3动画库的时候.比如transition的ani ...

低版本IE浏览器不支持前端代码修改属性remove()的解决办法

低版本IE浏览器不支持前端代码修改属性remove()的解决办法相关推荐

最新文章

热门文章