javascript
封装getByClass（JS获取class的方法封装为一个函数）
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" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<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>
?
?
轉(zhuǎn)載于:https://www.cnblogs.com/leejersey/archive/2012/07/16/2593723.html
總結(jié)
以上是生活随笔為你收集整理的封装getByClass（JS获取class的方法封装为一个函数）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： [0715]Jsoi Test elev
- 下一篇： 关于提高效率