JS封装class类名的函数

最新推荐文章于 2025-06-29 19:27:32 发布

原创最新推荐文章于 2025-06-29 19:27:32 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

JS相关问题专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一个JavaScript函数，该函数用于在不支持document.getElementsByClassName的浏览器中获取指定类名的所有DOM元素。此函数首先检查浏览器是否支持document.getElementsByClassName，如果不支持，则通过遍历所有HTML标签并检查它们的类名来手动收集匹配的元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function getClass(classname){
		// 浏览器支持的情况下
		if(document.getElementsByClassName) {
			return document.getElementsByClassName(classname);
		}

		// 不支持的情况下
		var arr = [];//用来存放符合类名条件的元素
		var demo = document.getElementsByTagName("*");//获取所有的标签
		//遍历所有的标签
		for(var i=0;i<demo.length;i++) {
			//每次遍历都把有类名的存放到arrtxt中，如果是多个类名就分割一下
			var arrtxt = demo[i].className.split(" ");
			// 对分割后的类名进行遍历，判断类名是否与传过来的类名相同，如果相同则把
有该类名的元素存到数组中
			for(var j=0;j<arrtxt.length;j++) {
				if(arrtxt[j] == classname) {
					arr.push(demo[i]);//一定是存放元素而不是存放类名，因为
我们是通过类名来找元素的。
				}
			}
			
		}
		return arr;//返回的是带有classname的元素，而classname可能有很多个元素都有。
	}