IE浏览器不支持getElementsByClassName是什么原因？解决方法分享

【字号：大中小】日期：2024-01-21 09:52:55浏览：37作者：馨心

在DOM3里已经加入了getElementsByClassName这个方法，然而IE9、10以外的其它版本均不支持，这是一块伤痛啊！目前可以这么解决，判断浏览器支不支持这个方法，如果支持就不管；如果不支持，就在document对象里加入getElementsByClassName这个方法，这样的写法有一个好处，即不管有没有原生函数你都不用去修改代码。

网上部分人直接定义一个getElementsByClassName函数，但是这样的话就需要把代码中所有使用document.getElementsByClassName改写成getElementsByClassName。多少有点不方便，也不通用。

下面的方法完美支持了document写法：

上一条：如何让IE9以下版本的浏览器兼容HTML5？兼容方法说明下一条：CSS背景图拉伸效果兼容FF/Chrome/IE等主流浏览器吗？具体详情分享

相关文章：

1. 怎么让div+css兼容ie6ie7ie8ie9和FireFoxChrome等浏览器2. requestAnimationFrame使用示例详解3. 基于JavaScript实现图片裁剪功能4. React优雅的封装SvgIcon组件示例5. uniapp自定义验证码输入框并隐藏光标6. 详解JavaScript中原始数据类型Symbol的使用7. JavaScript深拷贝方法structuredClone使用8. uniapp 手机验证码输入框实现代码(随机数、倒计时、隐藏手机号码中间四位)可以直接使用9. 使用Node.js实现Clean Architecture方法示例详解10. Jquery使用原生AJAX方法请求数据