JavaScript - GetElementsByClassName

首页 / JavaScript / GetElementsByClassName()

getElementsByClassName()方法用于通过元素的类名值选择或获取元素。此DOM方法返回一个类似数组的对象,该对象由具有指定类名的所有元素组成。在对任何特定元素调用getElementsByClassName()方法时,它将搜索整个文档,并将仅返回与指定或给定类名匹配的那些元素。

var ele=document.getELementsByClassName('name');

在此,name是要传递的必需参数。它是一个字符串,用于指定要匹配的单个类名或多个类名。

无涯教程网

getElementsByClassName()方法示例

让无涯教程看一些示例,以了解和理解该方法的实际实现。

示例

这是一个简单的类实现,在调用变量x时返回一个类似数组的对象。

<html>
<head> <h5>DOM Methods </h5> </head>
<body>
<div class="Class">
This is a simple class implementation
</div>
<script type="text/javascript">
var x=document.getElementsByClassName('Class');
document.write("On calling x, it will return an arrsy-like object: <br>"+x);
</script>
</body>
</html>

输出:

GetElementsByClassName()

同样,可以实现getElementsByClassName()方法来返回多个类的元素集合。

getElementsByClassName(),querySelector()和querySelectorAll()方法之间的区别

getElementsByClassName()  - 它将与具有指定类名的元素匹配,并返回一组匹配的元素。

querySelector()                          -  它仅返回与指定类名匹配的单个元素。如果找不到任何匹配的元素,则返回null。

querySelectorAll()                    -  方法返回文档中匹配指定 CSS 选择器的所有元素,返回 NodeList 对象。

要理解的要点是,所有上述方法都返回一个元素或一个列表,但是getELementsByClassName()方法用于 dynamic 更新,而其他两种方法用于静态

这一章《JavaScript - GetElementsByClassName》你学到了什么?在下面做个笔记吧!做站不易,你的分享是对我们最大的支持

相关文章

赵成的运维体系管理课 -〔赵成 - 49讲〕

程序员进阶攻略 -〔胡峰 - 65讲〕

Netty源码剖析与实战 -〔傅健 - 60讲〕

分布式金融架构课 -〔任杰 - 30讲〕

Javascript,将内联html js 转换为普通js

将新值推送到对象数组,同时保持旧值不变 React Js Next Js

使用 jQuery 排序

如何根据属性的总和组织对象数组?

Bootstrap js onclick classList.remove 内容消失

Javascript合并具有相同属性的对象

视频推荐〔JavaScript - 35-简单数据类型传参〕

更多视频 »
好记忆不如烂笔头。留下你的足迹吧 :)