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

创建getElementByClassName

时间:2014-06-25 17:24:23      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:class   java   get   使用   文件   javascript   

getElementByClassName

  在JavaScript  内建的核心中,document对象及element对象总共可以通过三个方式来获取其下的元素,分别是:getElementById(‘id‘)  、getElementsByName(‘name‘) 、getElementsByTagName(‘tag‘)   。这些方法就跟它们的名字一样,分别是依照id, name, tag来获取元素。  
    因在同一份文件中,id 是具有唯一性的,所以  getElementById(id)  的回传值是单一物件可以直接使用;而其他则会传回一个依照具有该属性的元素在文件中出现顺序排列的数组,使用时必须指定数组索引,如: array[0]   代表第一个元素。可是在设计网页时,最常常需要使用到的class却没有相对应的方法可以去获取className相同的元素。没有没关系,我们自己写一 个,而且代码非常简短只有下面几句。  
function getElementsByClassName(className) {
    var el = new Array();
    var _el = document.getElementsByTagName("*");
    for (var i=0; i<_el.length; i++ ) {
        if (_el[i].className == className) { 
            el[el.length] = _el[i]; 
        } 
    } 
    return el; 
}

创建getElementByClassName,布布扣,bubuko.com

创建getElementByClassName

标签:class   java   get   使用   文件   javascript   

原文地址:http://www.cnblogs.com/wwqianduan/p/3806117.html

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