ie浏览器下兼容获取类名
分类专栏: Javascript&
简介 兼容ie8以下获取className
<p><span class="ql-size-large">// 兼容ie8以下获取className</span></p><p><span class="ql-size-large">var forms = {</span></p><p><span class="ql-size-large"> getElementsByClassName: function(str){</span></p><p><span class="ql-size-large"> var searchClass = str.searchClass;//存储要查找的类名</span></p><p><span class="ql-size-large"> var node = str.node|| document;//存储要查找的范围</span></p><p><span class="ql-size-large"> var tag = str.tag||'*';//存储一定范围内要查找的标签</span></p><p><span class="ql-size-large"> var result = [];</span></p><p><span class="ql-size-large"> // 判断浏览器不支持getElementsByClassName方法</span></p><p><span class="ql-size-large"> if(document.getElementsByClassName){ //如果浏览器支持</span></p><p><span class="ql-size-large"> var nodes = node.getElementsByClassName(searchClass);</span></p><p><span class="ql-size-large"> if(tag !=='*'){</span></p><p><span class="ql-size-large"> for(var i=0;node=nodes[i++];){</span></p><p><span class="ql-size-large"> if(node.tagName === tag.toUpperCase()){</span></p><p><span class="ql-size-large"> result.push(node);</span></p><p><span class="ql-size-large"> }</span></p><p><span class="ql-size-large"> }</span></p><p><span class="ql-size-large"> }else{</span></p><p><span class="ql-size-large"> result = nodes;</span></p><p><span class="ql-size-large"> }</span></p><p><span class="ql-size-large"> return result;</span></p><p><span class="ql-size-large"> }else{ //使IE8以下的浏览器能够支持该属性</span></p><p><span class="ql-size-large"> var els = node.getElementsByTagName(tag);</span></p><p><span class="ql-size-large"> var elsLen = els.length;</span></p><p><span class="ql-size-large"> var i,j;</span></p><p><span class="ql-size-large"> var pattern = new RegExp("(^|\\s)" + searchClass + "(\\s|$)");</span></p><p><span class="ql-size-large"> for(i = 0,j=0;i<elsLen;i++){</span></p><p><span class="ql-size-large"> if(pattern.test(els[i].className)){ //检测正则表达式</span></p><p><span class="ql-size-large"> result[j] = els[i];</span></p><p><span class="ql-size-large"> j++;</span></p><p><span class="ql-size-large"> }</span></p><p><span class="ql-size-large"> }</span></p><p><span class="ql-size-large"> return result;</span></p><p><span class="ql-size-large"> } </span></p><p><span class="ql-size-large"> }</span></p><p><span class="ql-size-large">}</span></p>
分享到:
转载:
喜欢 3
收藏
暂无评论信息
- 相关文章
- 文章推荐
-
jQuery 3.0正式发布
jQuery 基金会刚刚发布了该 Java 框架的 3.0 版本,并且首次抛弃了对老旧的 IE 浏览器的支持。jQuery 3.0 的工作始于 2014 年 10 月,其最初目标是在 2.0 版本之上进行完善,并和遥远的 1.0 版代码说再见——因为要兼容 IE 的缘故,其已经臃肿不堪。jQuery 2.0 已经与 1.0 版本完全不兼容,而 3.0 也将继续这一路线。
-
半导体短缺即将结束?分析师:如果没有 1 美元芯片会影响更多
德勤咨询(Deloitte Consulting)的芯片分析师认为,随着芯片行业资本支出的增加,需求度较高的工厂已经开工,预示着短缺情况即将结束。
-
Node 配置sequelize + mysql,根据模型自动创建数据库表
研究了一下午的node + sequelize + mysql。
-
乐视官方确认还有 400 多人:消息称员工“没有内卷和 996”,过着“没有老板”的神仙日子
7 月 11 日消息,近期,微博博主 @Fenng 分享了一个冷知识:乐视居然还剩下 400 多人,有不少是五年以上的老员工。这些老员工称“幸福感是很多老乐视人留下来的理由”,没有内卷和 996,没拖欠过留下来的员工的工资,也没停过社保。
- 点击排行
- 站长推荐
- 猜你喜欢
- 网站信息
- 站内问答:12篇
- 站内文章:213篇
- 建站时间:已运行1268天
- 备案号: 浙ICP备2022018799号
- 语言:
- English(USA)
- French(FR)
- Chinese(ZH)
无数据