getElementsByClassName

2007年04月03日来源：本站原创浏览次数：字号：[大中小]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> node list </title>
</head>
<body>

var elems=document.getElementsByTagName('li');

for (var i=0;i<elems.length ; i++ )
{
	elems[i].i=i+1;
	elems[i].onclick=function() {
	alert(this.i+'vs'+this.innerHTML);
	}
}

alert(getElementsByClassName('aa','span','theobj1')[3].innerHTML);
//alert(getElementsByClassName1('aa','li')[7].innerHTML);

//从root的节点htmltag中取含有clsName的节点组成一个数组
function getElementsByClassName(clsName,htmltag,root){ 
	var arr = new Array();
	var obj = document.getElementById(root);
	var elems = obj.getElementsByTagName(htmltag);
	for ( var cls, i = 0; ( elem = elems[i] ); i++ ){
		if ( hasClass(clsName,elem) ) {
			arr[arr.length] = elem;
		}
	}
	return arr;
}

/*
从页面中取所有含有clsName的htmltag节点组成一个数组。
*/
function getElementsByClassName1(clsName,htmltag){ 
	var arr = new Array(); 
	var elems = document.getElementsByTagName(htmltag);
	for ( var cls, i = 0; ( elem = elems[i] ); i++ ){
		if ( hasClass(clsName,elem) ){
			arr[arr.length] = elem;
		}
	}
	return arr;
}

/*
判断对象elem中是否含有className:clsName,
有则返回1,否则返回0;
*/
function hasClass(clsName,elem) {
	var re;
	var str = elem.className;
	re = new RegExp('(?:^|\\s+)' + clsName + '(?:\\s+|$)') ;
	return re.test(str) ? 1 : 0 ;
}
</script>
</body>
</html>

本文地址：http://www.div-css.com/html/web_design/codes/016203.html

什么是网站标准化？

getElementsByClassName

推荐

信息资讯