大家都是怎样获取class的 兼容好的

[qingwadaxia_1]

<div class="page">
<li>首页</li>
<li>末页</li>
</div>

假设上面还有很多div 比如我想获取上面那个div page 通过class的方法如何去获取 完美兼容的 应该如何获取

[彩舒]

其实我没完全懂问题重点在哪，但要是想根据class去找元素，用getElementsByClassName()也行，用jQuery的find(".page")也行，要是你不嫌费劲，用xpath也行

[Logerlink]

用jq，$('div.page')

[天际的海浪]

jquery中$(".page")可以支持所有浏览器
原生的话
document.getElementsByClassName("page")是IE9+支持
document.querySelectorAll(".page")是IE8+支持
IE7-就要自己写函数了
function getClass(cn) {
	if (document.querySelectorAll) {
		return document.querySelectorAll("."+cn);
	}
	var arr = [];
	var elem = document.getElementsByTagName("*");
	var reg = new RegExp("(^|\\s)"+cn+"($|\\s)");
	for (var i = 0; i < elem.length; i++) {
		if (reg.test(elem[i].className))
			arr.push(elem[i]);
	}
	return arr;
}

[lee_ttxs]

jquery ,代码：
$page = $(".page")；

[風灬雲]

jquery 直接获取 $(".page"),其实也就是jquery帮你在内部做了原生封装，
通过获取所有元素再去匹配类名含有“page”的元素；
原生封装 4 楼正解

[丰云]

目前所有js框架里，jquery的兼容性最好，建议采用jquery框架方法

[天际的海浪]

引用 4 楼 qingwadaxia_1 的回复:

那一般用原生js获取某个div class 只有写成这样：

function getClass(cn) {
if (document.querySelectorAll) {
return document.querySelectorAll("."+cn);
}
var arr = [];
var elem = document.getElementsByTagName("*");
var reg = new RegExp("(^|\\s)"+cn+"($|\\s)");
for (var i = 0; i < elem.length; i++) {
if (reg.test(elem[i].className))
arr.push(elem[i]);
}
return arr;
}

这么复杂的吗

其实在jquery出现之前，几乎是没有人会想到能通过class获取元素。
直到jquery出现，完全模仿css选择符，大家才习惯通过class获取元素。
之后w3c才提出原生的querySelectorAll方法，
所以要兼容以前的浏览器就只好自己写函数了。

[qingwadaxia_1]

那一般用原生js获取某个div class 只有写成这样：

function getClass(cn) {
if (document.querySelectorAll) {
return document.querySelectorAll("."+cn);
}
var arr = [];
var elem = document.getElementsByTagName("*");
var reg = new RegExp("(^|\\s)"+cn+"($|\\s)");
for (var i = 0; i < elem.length; i++) {
if (reg.test(elem[i].className))
arr.push(elem[i]);
}
return arr;
}

这么复杂的吗

[qingwadaxia_1]

感谢大神！！