getElementByClassName封装函数⽤法
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"/TR/html4/loose.dtd">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head>
<title>getElementByClassName封装⽤法</title>
<script type="text/javascript">
function $(node){
node=typeof  node=="string"?ElementById(node):node;
return node;
}
function getClassName(str,root,tag){
if(root){
root=typeof  root=="string"?ElementById(root):root;
}else{
root=document.body;
}
tag=tag||"*";
var ElementsByTagName(tag),arr=[];
for(var i= 0,n=els.length;i<n;i++){
for(var j= 0,k=els[i].className.split(" "),l= k.length;j<l;j++){
if(k[j]==str){
arr.push(els[i]);
break;
}
}
}
return arr;
}
var a=getClassName("a");
var b=getClassName("b",null,"strong");
typeof的用法
var c=$("box");
var d=getClassName("b",c);
for(var i=0;i< a.length;i++){
a[i].onclick=function(){
alert(this.innerHTML);
}
}
//alert(a.length);
//alert(b.length);
//alert(d.innerHTML);
alert(d.length);
}
</script>
</head>
<body>
<span class="a">aa</span>
<span class="a">aa2</span>
<p class="a">aaa333</p>
<strong class="b">bbbb</strong>
<div id="box"><strong class="b">sdfdsf</strong></div>
</body>
</html>
getClassName函数接收三个参数，其中第⼀个参数是必选的，后⾯两个参数可选。第⼀个参数是class名，第⼆个参数是⽗容器，缺省为body节点，第三个参数为DOM节点的标签名

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。