首页 > 代码库 > 创建getElementByClassName
创建getElementByClassName
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;
}
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。