parentElement 是父节点。类型是 element,parentElement是ie专用的,ff没有,3c 标准是使用 parentNode 属性,调用时传父节点对象;oElm是document对象 或类型为element的节点对象
//parentElement代表父节点对象
//className代表css中的类
function getElementsByClassName(className, parentElement){
//如果父节点对象是空,则默认是body对象,并取得所有子节点
var elems = ($(parentElement)||document.body).getElementsByTagName("*");
//将有与className相同的元素保存在这里
var result=[];
//遍历
for (i=0; j=elems[i]; i++){
//如果相同保存进result数组中
if ((" "+j.className+" ").indexOf(" "+className+" ")!=-1){
result.push(j);
}
}
//返回数组
return result;
}
===========================================
//跟上面的的差不多,这个是用正则来判断的
//oElm还是父节点对象
function getElementsByClassName(oElm, strTagName, strClassName){
var arrElements = (strTagName == "*" && oElm.all)? oElm.all :
oElm.getElementsByTagName(strTagName);
var arrReturnElements = new Array();
strClassName = strClassName.replace(/\-/g, "\\-");
var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
var oElement;
for(var i=0; i < arrElements.length; i++){
oElement = arrElements[i];
if(oRegExp.test(oElement.className)){
arrReturnElements.push(oElement);
}
}
return (arrReturnElements)
}
楼主推荐你用jquery框架
这个一句话搞定
假设 class="c1"
$(".c1")