码迷,mamicode.com
首页 > 其他好文 > 详细

封装一个函数来选择类名为某一个的节点

时间:2015-08-07 00:18:45      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:

这个代码中学到了如果要返回一个数组,可以调用数组的push方法往里面添加。这次写的过程中注意到了哪些该打引号哪些不打。函数return的东西要用一个变量来保存,并不能直接用里面的那个aResult,里面那是一个局部变量。在用TagName选择子元素的时候,因为不知道子元素是什么,所以用了一个通配符来代替。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<ul id="ull">
    <li class="box"></li>
    <li></li>
    <li></li>
    <li class="box"></li>
    <li></li>
</ul>

<script>
    function getByClass (oParent,sClass)
    {
        var aResult = [];
        var aEle = oParent.getElementsByTagName(*);
        for(var i=0;i<aEle.length;i++)
        {
            if(aEle[i].className == sClass)
            {
                aResult.push(aEle[i]);
            }
        }
        return aResult;
    }
    var oUl = document.getElementById(ull);
    var aBox = getByClass(oUl,box);
    for(var i=0;i<aBox.length ;i++)
    {
        aBox[i].style.background = red;
    }

</script>
</body>
</html>

 

封装一个函数来选择类名为某一个的节点

标签:

原文地址:http://www.cnblogs.com/zhuni/p/4709438.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!