解决 IE 不支持 document.getElementsByClassName() 的方法

最新推荐文章于 2026-04-24 03:12:44 发布

转载最新推荐文章于 2026-04-24 03:12:44 发布 · 1.5w 阅读

收录于

Javascript

当前文章被收录于：

Javascript

4 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种在不支持 document.getElementsByClassName 的浏览器中实现该功能的方法。通过创建一个名为 getElementsByClassName 的自定义函数来模拟原生行为，确保了在旧版浏览器中也可以正确获取带有特定类名的元素。

网页错误详细信息
消息: 对象不支持此属性或方法

document.getElementsByClassName('element_name')

//create method getElementsByClassName for document
	if(!document.getElementsByClassName){
		document.getElementsByClassName = function(className, element){
			var children = (element || document).getElementsByTagName('*');
			var elements = new Array();
			for (var i=0; i<children.length; i++){
				var child = children[i];
				var classNames = child.className.split(' ');
				for (var j=0; j<classNames.length; j++){
					if (classNames[j] == className){ 
						elements.push(child);
						break;
					}
				}
			} 
			return elements;
		};
	}