JS兼容IE9以下的获取多个className的函数

清疚 2022-03-21 11:18 211阅读 0赞

开心，可以写前端博客了，有误的话希望大家给我指导。  
修改，早上的版本考虑不全，没有考虑‘aaa’包含在’aaabbb’的情况，然后下午发现了一个更简便的版本

//为了兼容低版本的浏览器没有该方法适用于有多个类名
    function getElementsByClassName(node,classname){
    	if(node.getElementsByClassName){
    		//使用现有方法
    		return node.getElementsByClassName(classnames);
    	}else{
    		var results = new Array();
    		var elems = node.getElementsByTagName("*");
    		for(var i=0,len=elems.length;i<len;i++){
    			if(elems[i].className === classname || elems[i].className.indexOf(classname + ' ')>=0
    				||elems[i].className.indexOf(' '+classname+' ')>=0||elems[i].className.indexOf(' '+classname)>=0){
    				results.push(elems[i]);
    			}
    		}
    		return results;
    	}
    }

测试页面：

<!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    	<script type="text/javascript" src="js/FunctionGetElementsByClassName.js"></script>
    
    </head>
    <body>
    	<div id="div1">
    		<span class="do do1 do2"></span>
    		<span class="do do1"></span>
    		<span class="do"></span>
    	</div>
    </body>
    <script type="text/javascript">
    		if(document.getElementsByClassName){
    			alert(typeof(document.getElementsByClassName));
    			alert("该方法存在");
    		}else{
    			var ele = document.getElementById("div1");
    			// alert(ele);
    			var len = getElementsByClassName(ele,"do do2").length;
    			alert(len);
    		}
    	</script>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，211人围观）

还没有评论，来说两句吧...

相关阅读

相关如何让rgba()属性兼容IE9以下版本

rgba()，只支持IE9+ 如何解决兼容性问题呢？示例 background-color:rgba(0,0,0,0.3) background-color:\0

矫情吗；*/ 2022年11月30日 04:25/ 0 赞/ 157 阅读

相关兼容IE9以下和非IE浏览器的原生js事件绑定函数

事件绑定函数的demo如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "ht

水深无声/ 2022年08月08日 07:01/ 0 赞/ 195 阅读

相关 ZeroClipBoard 兼容IE浏览器的多个复制

一开始去ZeroclipBoard 官网下载最新版本（2.x），后来才发现根本就不支持IE浏览器，IE浏览器打开官网也是报错。 ZeroclipBoard 的git有一段说明

我会带着你远行/ 2022年08月06日 05:16/ 0 赞/ 173 阅读

相关 js如何获取css里面的样式兼容IE

写在前面：昨天在工作中，遇到了一个问题。感觉比较有用特地写下来。留作记忆！昨天我想利用js获取div的background-image属性！于是我写了如下代码。

Dear 丶/ 2022年07月14日 05:50/ 0 赞/ 199 阅读

相关 JS封装通过className获取元素的函数

有时候在写项目的时候为了方便重用，不考虑通过id来取得元素，而是通过可重用的class来取得元素；可是底层的js并不提供这个方法。所以查阅资料封装了这个getElementsB

ゝ一世哀愁。/ 2022年06月17日 14:27/ 0 赞/ 237 阅读

相关简单实现IE9及以下对placeholder的兼容性

placeholder属性的出现使input输入框不再单调，而且可以对用户做一个对输入内容的提醒或者指引，起到了很好的作用。但是但是IE9及IE9以下不支持这个属性，这就让人

你的名字/ 2022年06月10日 13:36/ 0 赞/ 188 阅读

相关 IE9及以下版本中兼容HTML5元素

记得要放到head中 <head> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.c

爱被打了一巴掌/ 2022年05月19日 11:47/ 0 赞/ 230 阅读

相关 Bootstrap兼容IE9

　　用Bootstrap做了前台页面，后来发现在IE9下，很多页面都乱了。记得上bootstrap官网说是支持IE9的，上百度查了好半天，发现了几个方法，其中一个立竿见影地奏效

末蓝、/ 2022年04月13日 10:24/ 0 赞/ 276 阅读

相关 JS兼容IE9以下的获取多个className的函数

开心，可以写前端博客了，有误的话希望大家给我指导。修改，早上的版本考虑不全，没有考虑‘aaa’包含在’aaabbb’的情况，然后下午发现了一个更简便的版本 //

清疚/ 2022年03月21日 11:18/ 0 赞/ 212 阅读

相关【兼容IE】简单的 IE9 以上兼容ES6语法、箭头函数，代码

![在这里插入图片描述][2019031518121062.png] ![在这里插入图片描述][2019031518121062.png] <!DOCTY

男娘i/ 2022年03月12日 04:29/ 0 赞/ 729 阅读