获取元素集合的方法有很多，接下来为大家介绍喜爱使用js通过元素class名字获取元素集合的方法
代码如下:
function
getElementsByClassName(n)
{
var
classElements
=
[],allElements
=
documentgetElementsByTagName('');
for
(var
i=0;
i<
allElementslength;
i++
)
{
if
(allElements[i]className
==
n
)
{
classElements[classElementslength]
=
allElements[i];
}
}
return
classElements;
}
HTML DOM3提供了getElementsByClassName()方法用以根据类名获取元素，但是IE9以下浏览器并不支持。考虑兼容性，可以采用如下思路：获取元素，判断className属性是否为目标类名，是的话即添加onclick事件。
下面实例演示——点击class为test1的a标签d出提示框:
1、HTML结构
<div><a class="test1" href="#">第一项</a>
<a class="test2" href="#">第二项</a>
</div>
2、javascript代码
windowonload = function(){var a = documentgetElementsByTagName("a");
for(i=0;i<alength;i++){
if(a[i]className == "test1"){
a[i]onclick = function(){alert(thisinnerHTML+"被点击了")}
}
}
}
3、效果演示
<html>
<head>
<meta
>
for(var i=0;i<objlength;i++){if(obj[i]className == 'a')//找出span标记中class=a的那个标记{var getObj = obj[i];value = getObjinnerHTML;//获得他的innerHTML}}//或者通过Jquery,ext,等JS插件来处理也可以。。。
以上就是关于js通过元素class名字获取元素集合的具体实现全部的内容，包括:js通过元素class名字获取元素集合的具体实现、如何用js点击class、JS如何通过元素的CLASS属性得到对应的DOM对象等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）