
下面是内存溢出 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元素标签所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)