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

<!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的属性值唯一的那个对象

原生Js通过class属性值获取对象相关推荐

通过属性值从对象数组中获取JavaScript对象[重复]
本文翻译自:Get JavaScript object from array of objects by value of property [duplicate] This question alr ...
C#类的属性遍历及属性值获取
1.定义一个类 public class Person {public string Name { get; set; }public int ID { get; set; } } 2.获取属性方法 ...
JAVA 8 lambda 表达式实现按某个属性值查找对象集合中符合条件的对象
转载自:https://www.cnblogs.com/lindsayYang/p/9843599.html JAVA 8 lambda 表达式实现按某个属性值查找对象集合中符合条件的对象当前的需求 ...
原生js中attributes属性
原生js中attribute属性 <div id="box" title="盒子" class="big"></div&g ...
原生js获取html元素属性,JS（原生js和jq方式）获取元素属性（自定义属性），删除属性（自定义属性）...
JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性) 以下内容: 一.获取元素的属性二.设置元素的属性三.删除元素的属性一.获取元素的属性 1-原生JS 获取属性 .ge ...
JS数组中根据对象的值获取对象
在JavaScript中,如果你知道数组中对象的某个值,你就可以根据这个值获取到对应的对象.例如:id var arr=[{a:1,id:1},{b:2,id:2},{c:3,id:3} ] var ...
原生js监听input值发生变化
原生JS中可以使用oninput,onpropertychange,onchange oninput,onpropertychange,onchange的用法 1) onchange 触发事件必须满足 ...
Angualr中通过原生js和ViewChild的方式获取dom
场景 Angular介绍.安装Angular Cli.创建Angular项目入门教程: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/detail ...
获得html页面的iframe,iframe属性值获取
js 如何获取包含自己iframe 属性 a.html 如何在b.html里获取包含他的iframe的id 在父页面中定义函数,再到子页面中调用. 父页面parent.html function ge ...

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

原生Js通过class属性值获取对象相关推荐

最新文章

热门文章