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)

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

热评文章

发表评论

精彩推荐

Supro - 极简电商WordPress汉化主题

钻石珠宝奢侈品DedeCMS织梦模板

Hi, 如果您有主题插件代购(30-600元)汉化等建站相关业务,可以 跟我联系 哦!
欢迎投稿
嘿,欢迎咨询!