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

时间:2021-03-21 19:13:59
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>原生Js通过class属性值获取对象</title>
<script type="text/javascript">
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;
}
</script>
</head>
<body>
<div class="tag nav" ></div>
<div class="tag" ></div>
</body>
</html>

测试结果如下:

1
 [div.tag]


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