明凯博客

关注网站技术,一个特立独行的程序员

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<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>

代码预览

, ,

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注