JS根据类名查找对象,getElementsByClassName

原创 2013年12月03日 17:30:26
<!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>

js通过类名获取元素对象

方式一:通过遍历所有元素对象获取。
  • xuzengqiang2
  • xuzengqiang2
  • 2014年05月04日 09:57
  • 4321

原生js,JQuery查找元素,修改类名

原生js,JQuery查找元素,修改类名
  • u013415189
  • u013415189
  • 2016年07月27日 21:43
  • 1977

JS 之 找对象

初学JS 时一直不明白什么document.getElementById 之类的。后来学习了xml之后才渐渐明白了节点的意思。这里做一下简单的回顾。其实也就是一些最最基本的知识点了。 ...
  • xiao_tommy
  • xiao_tommy
  • 2016年11月16日 10:05
  • 392

JS DOM之getElementsByClassName

实现代码:function getElementsByClassName(parent,tagName,className){ var aEls = parent.getElementsBy...
  • SkullSky
  • SkullSky
  • 2017年03月13日 14:42
  • 343

document获取对象三方法

综上三种获取对象的方式,可以看出,getElementById 是获取对象最直接的方式,也是效率最高的方式;但是如果元素没有id属性,但有name属性,那么就使用getElementsByName 来...
  • magi1201
  • magi1201
  • 2015年03月01日 07:51
  • 8093

js根据类名获取元素——自定义getElementsByClass()

在原生js中,有根据id属性获取元素的方法document.getElementById(),却没有根据class属性获取元素的方法,要知道,我们在项目中经常会有这个需求,为了方便,我们可以自定义一个...
  • wingfreedom
  • wingfreedom
  • 2015年08月26日 15:25
  • 5661

js通过类名获取元素(通用版)

window.onload=function(){ var aDiv=document.getElementsByTagName('div'); var aDiv1=[]; getc...
  • Ag_wenbi
  • Ag_wenbi
  • 2017年02月10日 08:58
  • 1041

js实现通过类名获取元素(通用版)

$$:function(clsName,ele) { //如果当前浏览器支持通过类名获取元素,直接返回 if(document.getElementsByClassName) ...
  • normol
  • normol
  • 2016年10月31日 18:51
  • 1938

关于js根据类名获取元素

最近在仿照阴阳师官网首页来做练习(使用原生js),碰到了一些问题,如js中根据类名来获取元素。因为document.getElementsByClassName有兼容性的问题,所以根据类名来获取元素一...
  • qq_40154925
  • qq_40154925
  • 2017年10月25日 20:16
  • 301

eclipse下如何通过类名查找类所属j…

ctrl+shift+t:
  • shixifengkuang
  • shixifengkuang
  • 2014年12月24日 21:01
  • 836
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS根据类名查找对象,getElementsByClassName
举报原因:
原因补充:

(最多只允许输入30个字)