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封装获取元素类名(className)的方法

封装了一个方法,用来通过父元素获取节点下的指定类名元素

js通过类名获取元素对象

方式一:通过遍历所有元素对象获取。

查看是否存在某个class类名 原生JS添加类名 删除类名

为 元素添加 class: document.getElementById("myDIV").classList.add("mystyle");   为 元素添加多个类: document...

js函数获取html中class所在的内容

function queryClass(classnames){ var classobj= new Array();//定义数组 var classint=0;//定义数组的下标 var...

getElementsByClassName函数实现获取指定类名的子元素列表

语法如下: var elements = getElementsByClassName(element, names); 使用示例如下: 如果html元素    ...

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

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

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

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

js封装:获取class类名

function getByClass(oParent,sClass){ var aResult = []; var aEle = oParent.ge...

js:类名/id/name获取对象的实现

CHRD.getObj = function (){//默认是id,类使用.id(且可以传递node,tag),name使用&id    var id = arguments[0];        i...
  • qidizi
  • qidizi
  • 2013年04月09日 21:11
  • 4137

js查看Object对象的内容

假设将对象赋给test,此时test是也是对象。var test = object;一、查看对象内容(一级对象)。for(i in test ){   alert(i);           //获...
  • zccst
  • zccst
  • 2011年02月15日 14:08
  • 60210
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS根据类名查找对象,getElementsByClassName
举报原因:
原因补充:

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