HTML/CSS

原生态JS的方法调用CLASS元素标签

创客主机

最近研究起来原生态的js来,主要因为jquery太冗余了,拖慢了网站的访问速度,于是就写下了下面的这段代码来替换$(“.a1”)和$(“.a2”),希望对你们有用。

  1. <html>
  2. <head>
  3.     <title></title>
  4.     <script type="text/javascript">
  5.         window.onload = function () {
  6.             var tagName =  getElementsClass("a1");
  7.             for (var i = 0; i < tagName.length; i++) { 
  8.                 tagName[i].innerHTML = "这里自动输入a1内容";
  9.             }
  10.  
  11.             var tagName =  getElementsClass("a2");
  12.             for (var i = 0; i < tagName.length; i++) {
  13.                 tagName[i].innerHTML = "这里自动输入a2内容";
  14.             }
  15.         }
  16.        function getElementsClass(classnames){ 
  17. 	var classobj= new Array();
  18. 	var classint=0;
  19. 	var tags=document.getElementsByTagName("*");  
  20. 	for(var i in tags){
  21. 	if(tags[i].nodeType==1){
  22. 		if(tags[i].getAttribute("class") == classnames){ 
  23. 		classobj[classint]=tags[i];
  24. 		classint++; 
  25. 		} 
  26. 	} 
  27. 	} 
  28. 	return classobj;
  29. }
  30.     </script>
  31. </script></head>
  32. <body>
  33. <div class="a1"></div>
  34. <div class="a1"></div>
  35. <div class="a1"></div>
  36. <div class="a1"></div>
  37. <div class="a2"></div>
  38. <div class="a2"></div>
  39. <div class="a2"></div>
  40. <div class="a2"></div>
  41. </body>
  42. </html>

代码预览

(0)

本文由 创客云 作者:创客云 发表,转载请注明来源!

阿里云

热评文章

发表评论

嘿,欢迎咨询!