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

来源:互联网 发布:mysql router 读写分离 编辑:程序博客网 时间:2024/05/19 17:22
<!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的属性值唯一的那个对象

1 0
原创粉丝点击