专注于discuz,uchome,dedecms等各类PHP程序仿站(二次开发和模板制作)。

« »
2010-12-09CSS+HTML

5,885 阅读

discuz javascript 根据classname获得对象

我们先查看函数代码:

    function $C(classname, ele, tag) {
    var returns = [];
    ele = ele || document;
    tag = tag || ‘*’;
    if(ele.getElementsByClassName) {
        var eles = ele.getElementsByClassName(classname);
        if(tag != ‘*’) {
            for (var i = 0, L = eles.length; i < L; i++) {
                if (eles[i].tagName.toLowerCase() == tag.toLowerCase()) {
                        returns.push(eles[i]);
                }
            }
        } else {
            returns = eles;
        }
    }else {
        eles = ele.getElementsByTagName(tag);
        var pattern = new RegExp("(^|\\s)"+classname+"(\\s|$)");
        for (i = 0, L = eles.length; i < L; i++) {
                if (pattern.test(eles[i].className)) {
                        returns.push(eles[i]);
                }
        }
    }
    return returns;
}

再查看实例:

<div class="col">222222222222222222222222222</div>
<span class="col">1111111111111111</span>

<script type="text/javascript">
alert($C(‘col’,document,’span’)[0].innerHTML);
</script>

要注意的是该函数返回的是对象数组,所以如果要操作就要索引!如上面的$C(‘col’,document,’span’)[0]。

原创文章如转载,请注明:转载自火跃工作室
本文网址:http://www.huoyue.org/classname_obj

日志信息 »

该日志于2010-12-09 15:49由 火跃 发表在CSS+HTML分类下, 你可以发表评论。除了可以将这个日志以保留源地址及作者的情况下引用到你的网站或博客,还可以通过RSS 2.0订阅这个日志的所有评论。

相关日志 »

  • 暂无相关日志

没有评论

发表评论 »