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>
也想出现在这里?联系我们
创客主机







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

已有 418 人购买
查看演示升级 VIP立刻购买

收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!