最近研究起来原生态的 js 来,主要因为 jquery 太冗余了,拖慢了网站的访问速度,于是就写下了下面的这段代码来替换$(“.a1”)和$(“.a2”),希望对你们有用。
- <html>
- <head>
- <title></title>
- <script type="text/javascript">
- window.onload = function () {
- var tagName = getElementsClass("a1");
- for (var i = 0; i < tagName.length; i++) {
- tagName[i].innerHTML = "这里自动输入a1内容";
- }
- var tagName = getElementsClass("a2");
- for (var i = 0; i < tagName.length; i++) {
- tagName[i].innerHTML = "这里自动输入a2内容";
- }
- }
- function getElementsClass(classnames){
- var classobj= new Array();
- var classint=0;
- var tags=document.getElementsByTagName("*");
- for(var i in tags){
- if(tags[i].nodeType==1){
- if(tags[i].getAttribute("class") == classnames){
- classobj[classint]=tags[i];
- classint++;
- }
- }
- }
- return classobj;
- }
- </script>
- </script></head>
- <body>
- <div class="a1"></div>
- <div class="a1"></div>
- <div class="a1"></div>
- <div class="a1"></div>
- <div class="a2"></div>
- <div class="a2"></div>
- <div class="a2"></div>
- <div class="a2"></div>
- </body>
- </html>