getElementsByClassName,这个方法让我们可以通过 class 属性中的类名来访问元素,但是IE9 以下的浏览器不支持 。为解决这个问题,我们写一个兼容函数 getByClass() 实现在IE低版本和现代浏览器中都能通过类名来获取节点。

function getByClass(name){//如果浏览器支持 会得到一个函数体if(document.getElementsByClassName){return document.getElementsByClassName(name);}//把所有的元素获取到var allItems = document.getElementsByTagName("*");var newArr = [];//查找每一个元素的className 看其中含不含namefor(var i = 0; i < allItems.length; i++){var classNames = allItems[i].className;//"test test11"var arrClass = classNames.split(" ");for(var j = 0; j < arrClass.length; j++){if(arrClass[j]==name){newArr.push(allItems[i]);}}}return newArr;}

转载于:https://www.cnblogs.com/a-peppa-pig/p/9570022.html

解决getElementsByClassName()在IE8下的兼容问题相关推荐

  1. bootstrap在ie8下,兼容媒体查询

    最近使用bootstrap做网站的时候发现,在ie8下的媒体查询一直失效: 后来解决了,做如下记录: 1.必须运行在服务器下 2.hack 条件语法,如下: <!--[if lte ie 9]& ...

  2. IE8下indexOf兼容方法

    indexOf是ES5中的Array中新增的方法,作用是返回数组中第一个找到指定元素位置,找不到返回-1.不过IE8并不支持此方法,一下是兼容处理: //方法1(实测,可用) if (!Array.i ...

  3. html兼容ie7ie8,解决IE6、IE7、IE8样式不兼容问题

    这里和大家探讨一下解决IE6.IE7.IE8 DIV错位问题,如果你的页面对IE7兼容没有问题,又不想大量修改现有代码,同时又能在IE8中正常使用,微软声称,开发商仅需要在目前兼容IE7的网站上添加一 ...

  4. php7 css样式不支持,div错位/解决IE6、IE7、IE8样式不兼容问题_html/css_WEB-ITnose

    放到 标签下,然后为div指定一个类: 然后CSS这样设计: #container{ min-width: 600px; width:e­xpression(document.body.clientW ...

  5. rgba背景是黑灰色html,IE8下兼容rgba颜色的半透明背景_html/css_WEB-ITnose

    在工作中做一个图片半透明遮罩时发现在IE8下不兼容 一查再知道IE8不支持rgba颜色,再搜搜兼容性方法,没想到这么快就解决了. 先说说rgba的含义: r代表red,g代表green,b代表blue ...

  6. 解决IE8下父容器背景图片不显示的问题

    我们发现在IE8下不能显示背景图片的原因是因为子容器使用了float浮动而没有真正闭合,这也是div无法自适应高度的一个原因.如果父div没有设float而其子div却设了float的话,父div无法 ...

  7. ie8下jquery改变PNG的opacity出现黑边,ie6下png透明解决办法

    目前互联网对于网页效果要求越来越高,不可避免的用到PNG图片,PNG分为几种格 式,PNG8 PNG24 PNG32,其中最常用的,也是显示效果和大小比较适中的则是PNG24,支持半透明,透明,颜色也 ...

  8. 解决IE8下body{ overflow:hidden;}无效的解决办法

    css中IE8 body{ overflow:hidden;}无效的解决办法: 在页面html中使用: body{ overflow:hidden; } 在ie8下无效 ,仍然有滚动条. 解决的办法如 ...

  9. Css兼容:如何解决IE7和IE8的BUG

    CSS兼容问题已经是CSS网页布局技术中的重要组成部分,也让广大的CSSer大为头疼,虽然52CSS.com介绍过不少相关的知识与技巧,但是随着IE8的越来越广泛的安装应用,对IE7和IE8的兼容问题 ...

最新文章

  1. 反应器(Reactor)模式-golang探索
  2. 配置swagger2_Springboot(三十五)启用Swagger2
  3. 双十一!教你用Python感知女朋友的情绪变化?
  4. Spring如何引用properties文件里的配置
  5. 稳态可压Navier-Stokes方程组在修正Dirichlet边界下的解的存在性
  6. linux打印显示etc中的文件,Linux命令之文件内容查看(cat、tac、nl、more、less、head、tail)...
  7. php去除img,PHP如何去除IMG标签?_后端开发
  8. IS-IS详解(七)——IS-IS LSP报文详解
  9. sql语句分析是否走索引_Mysql中SQL语句不使用索引的情况
  10. Spring框架的本质:4那些高曝光率的Annotation
  11. yaahp使用教程_yaahp层次分析法软件
  12. 前端接收pdf文件_前端利用pdfobject.js处理pdf文件
  13. itunes安装失败 “apple应用程序支持安装失败”
  14. 宏碁台式计算机u盘启动,Acer宏碁台式电脑怎么通过bios设置u盘启动
  15. DOS基本命令和批处理
  16. 20吉大计算机/软件考研经验贴!
  17. iPhone手机开发
  18. python中get函数是什么意思_详解python中get函数的用法(附代码)_后端开发
  19. Javaweb中web.xml配置文件编写方式
  20. 〖产品思维训练白宝书 - 产品思维认知篇⑨〗- 像 产品经理 一样去思考解决问题

热门文章

  1. Linux入门之磁盘管理(3)文件系统挂载
  2. HTML5 从0开始 写连连看 第一集. 背景图 表格绘制
  3. Axis2创建WebService实例
  4. 【掩耳盗铃】[转载]北京铁路局:“北京站37号窗口售票员内部大量出票”是为分区售票...
  5. Python中在脚本中引用其他文件函数的方法
  6. 蓝桥杯 ADV-135 算法提高 三角形面积
  7. plsql初始错误sql.net未正确安装_ANSYS | ansys18.0完整安装过程及常见问题解决方案[图文]...
  8. Silverlight 主页与页面用户组件中方法的调用顺序
  9. spring boot 处理自定义注解
  10. 【C++】递归 课后习题3-13、3-14