您的位置：首页 > Web前端 > JavaScript

JS根据类名查找对象,getElementsByClassName

2013-12-03 17:30 746 查看

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>根据类名查找对象</title>
<script type="text/javascript">
function getElementsByClassName(a, b) {
if (a.getElementsByClassName) {
return a.getElementsByClassName(b);
} else {
return function c(m, k) {
if (k == null) {
k = document;
}
var h = [], g = k.getElementsByTagName("INPUT"), d = g.length, l = new RegExp("(^|\\s)" + m + "(\\s|$)"), f, e;
for (f = 0, e = 0; f < d; f++) {
if (l.test(g[f].className)) {
h[e] = g[f];
e++;
}
}
return h;
}(b, a);
}
}

function view(){
var v = getElementsByClassName(document,"a");
alert(v.length);
alert(v[1].id);
}
</script>
</head>

<body>

<div class="a" id=1  style="width:300px;height:300px;background:red;float:left">

</div>
<div class="a" id=2 style="width:300px;height:300px;background:green;float:left">

</div>
<div class="a" id=3 style="width:300px;height:300px;background:red;float:left">

</div>

<input type="button" value="查看classname为a的个数" onclick="view()"/>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航