原生js获取html对象,原生Js通过class属性值获取对象

原生Js通过class属性值获取对象

window.onload = function(){

console.log(getElementByClassName("tag").length);

console.log(getElementByClassName("tag"));

}

function getElementByClassName(classnames){

var objArray= new Array();//定义返回对象数组

var tags=document.getElementsByTagName("*");//获取页面所有元素

var index = 0;

for(var i in tags){

if(tags[i].nodeType==1){

if(tags[i].getAttribute("class") == classnames){ //如果某元素的class值为所需要

objArray[index]=tags[i];

index++;

}

}

}

return objArray;

}

测试结果如下：

1

[div.tag]

结论：目前方法仅仅可以获得class的属性值唯一的那个对象