您的位置：首页 > Web前端 > JavaScript

javaScript开发视屏课程（将获取元素封装成方法）

2016-03-17 15:25 597 查看

封装好的元素方法如下：

function getByClass(oParent,sClass){

var aEle=oParent.getElementsByTagName('*');/*其中“*”表示通配符，可以表示元素*/

var aResult=[];/*将选中的元素放在这个数组里*/

for(var i=0;i<aEle.length;i++){

if(aEle[i].className==sClass){

aResult.push(aEle[i]);/*将选中的元素放在这个数组里*/

}

}

return aResult;

}

调用这个方法的例子：

<scripttype="text/javascript">

functiongetByClass(oParent,sClass){

varaEle=oParent.getElementsByTagName('*');/*其中“*”表示通配符，可以表示元素*/

var aResult=[];/*将选中的元素放在这个数组里*/

for(var i=0;i<aEle.length;i++){

if(aEle[i].className==sClass){

aResult.push(aEle[i]);/*将选中的元素放在这个数组里*/

}

}

return aResult;

}

window.onload=function(){

varoUl=document.getElementById('ull');

varaBox=getByClass(oUl,'box');

for(vari=0;i<aBox.length;i++){

aBox[i].style.background='red';

}

};

</script>

</head>

<body>

<ul id="ull">

<liclass="box"></li>

<liclass="box"></li>

<li></li>

<li></li>

<li></li>

<liclass="box"></li>

<li></li>

</ul>

</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航