Javascript教程
JavaScript基础
JavaScript Objects
JavaScript BOM
JavaScript DOM
JavaScript OOP
JavaScript Cookies
JavaScript事件
JavaScript异常
JavaScript常用

GetElementsByClassName()

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

语法

var ele=document.getELementsByClassName('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():它将与具有指定类名的元素进行匹配,并返回一组匹配的元素。返回的元素是实时的HTML元素集合。如果在文档对象模型中进行了任何更改,可以进一步更新这些活动元素。
querySelector()::它仅返回与指定类名匹配的单个元素。如果找不到任何匹配的元素,则返回null。
要理解的要点是,所有上述方法都返回一个元素或一个列表,但是getELementsByClassName()方法提供了 dynamic 更新,另两种方法用于 static
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4