Heim > Web-Frontend > js-Tutorial > Erhalten Sie ein CLASS-Objekt mit nativen JS-Javascript-Kenntnissen (sehr einfach und praktisch).

Erhalten Sie ein CLASS-Objekt mit nativen JS-Javascript-Kenntnissen (sehr einfach und praktisch).

WBOY
Freigeben: 2016-05-16 16:33:52
Original
2228 Leute haben es durchsucht

Ich habe gehört, dass es am häufigsten verwendet wird. . . . Auf diese Idee kam ich, nachdem ich „The Art of DOM Programming“ gesehen hatte.

<!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> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

<title>无标题文档</title> 

<style> 

.ca{background-color:red; padding:20px;} 

.js{ border:1px solid #00F; padding:10px;} 

</style> 

</head> 


<body> 

<div class="ca"> 

sss 

</div> 

<div class="js" id="as"> 

</div> 

<div class="bd"> 

</div> 

<div class="ca"> 

</div> 

</body> 

</html> 

<script> 

function getElementsClass(classnames){ 
var classobj= new Array();//定义数组 

var classint=0;//定义数组的下标 

var tags=document.getElementsByTagName("*");//获取HTML的所有标签 

for(var i in tags){//对标签进行遍历 

if(tags[i].nodeType==1){//判断节点类型 

if(tags[i].getAttribute("class") == classnames)//判断和需要CLASS名字相同的,并组成一个数组 

{ 

classobj[classint]=tags[i]; 

classint++; 

} 

} 

} 

return classobj;//返回组成的数组 

} 


//以下就是测试了 

var a=getElementsClass("ca"); 

a[0].onclick=function(){alert("我们来了");} 

a[1].innerHTML='我们来了'; 

</script>
Nach dem Login kopieren

Manchmal gibt es mehrere Doms mit derselben Klasse, die wie folgt gehandhabt werden können:

Code kopieren Der Code lautet wie folgt:

var a=getElementsClass("ca"); for(var i=0;i (Funktion(i){
alarm(a[i])
})(i)
}

Wenn es mehrere identische Klassen gibt, können diese zusammen verwendet werden. Wenn Sie JQ erreichen möchten, wo können Sie dann auch eine kompliziertere Verarbeitung durchführen?
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage