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

原生态JS的方法调用CLASS元素标签,第1张

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

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。内存溢出小编现在分享给大家,也给大家做个参考。

最近研究起来原生态的 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 ></div>

<div ></div>

<div ></div>

<div ></div>

<div ></div>

<div ></div>

<div ></div>

<div ></div>

</body>

</HTML>

代码预览

<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 ></div>

<div ></div>

<div ></div>

<div ></div>

<div ></div>

<div ></div>

<div ></div>

<div ></div>

</body>

</HTML>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的原生态JS的方法调用CLASS元素标签全部内容,希望文章能够帮你解决原生态JS的方法调用CLASS元素标签所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1095962.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-28
下一篇2022-05-28

发表评论

登录后才能评论

评论列表(0条)

    保存