suchen

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
WBOYOriginal
2016-05-16 16:33:522205Durchsuche

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>

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?
Stellungnahme：
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
Vorheriger Artikel：Einführung in die Programmiersprache JavaScript_Javascript-KenntnisseNächster Artikel：Einführung in die Programmiersprache JavaScript_Javascript-Kenntnisse

In Verbindung stehende Artikel

Mehr sehen