博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
封装getByClass(JS获取class的方法封装为一个函数)
阅读量:6078 次
发布时间:2019-06-20

本文共 1216 字,大约阅读时间需要 4 分钟。

JS获取class的方法一:

普通版:

<script type="text/javascript">

function getByClass(oParent, sClass)
{
 var aEle=oParent.getElementsByTagName('*');
 var aResult=[];
 var i=0;
 
 for(i=0;i<aEle.length;i++)
 {
  if(aEle[i].className==sClass)
  {
   aResult.push(aEle[i]);
  }
 }
 
 return aResult;
}

</script>

 

JS获取class的方法二:

 

完美版:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
function getByClass(oParent, sClass)
{
 var aEle=oParent.getElementsByTagName('*');
 var aResult=[];
 var re=new RegExp('\\b'+sClass+'\\b', 'i');
 var i=0;
 
 for(i=0;i<aEle.length;i++)
 {
  //if(aEle[i].className==sClass)
  //if(aEle[i].className.search(sClass)!=-1)
  if(re.test(aEle[i].className))
  {
   aResult.push(aEle[i]);
  }
 }
 
 return aResult;
}

 

window.οnlοad=function ()

{
 var oUl=document.getElementById('ul1');
 var aBox=getByClass(oUl, 'box');
 var i=0;
 
 for(i=0;i<aBox.length;i++)
 {
  aBox[i].style.background='red';
 }
};
</script>
</head>

 

<body>

<ul id="ul1">
 <li></li>
 <li class="box active"></li>
 <li class="box"></li>
 <li></li>
 <li></li>
 <li class="box"></li>
</ul>
</body>
</html>

转载于:https://www.cnblogs.com/mingjixiaohui/p/5246333.html

你可能感兴趣的文章
Server 2008 R2 事件查看器实现日志分析
查看>>
解决Cookie乱码问题
查看>>
javascript中的链表结构—从链表中删除元素
查看>>
用实例揭示notify()和notifyAll()的本质区别
查看>>
Android MediaPlayer接口及状态迁移
查看>>
JQuery------prevAll(),nextAll(),attr()方法的使用
查看>>
Disciz!NT开源资源汇总
查看>>
Python网络编程笔记
查看>>
Vim自动补全神器–YouCompleteMe
查看>>
Mysql 小工具
查看>>
个人andriod实习小作品,个人联网笔记本
查看>>
Codeforces Round #313 (Div. 2) 解题报告
查看>>
go7---map
查看>>
CentOS5.4安装redmine详细步骤
查看>>
runloop的source
查看>>
eclipse A Java Runtime Environment(JRE)
查看>>
Sqlserver建立Oracle的鏈接服務器
查看>>
根据IP获取所在的国家城市
查看>>
python Selenium+phantomjs 小技巧
查看>>
linux每日命令(1):ls命令
查看>>