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

最新推荐文章于 2023-11-30 14:16:26 发布

litter_m

最新推荐文章于 2023-11-30 14:16:26 发布

阅读量766

点赞数

分类专栏：前端笔记文章标签： javascript

本文链接：https://blog.csdn.net/litter_m/article/details/111321695

版权

前端笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

今天在工作中碰到了低版本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";