getElementsByClassName( )方法

最新推荐文章于 2024-06-20 14:42:51 发布

「已注销」

最新推荐文章于 2024-06-20 14:42:51 发布

阅读量6.1k

点赞数

本文链接：https://blog.csdn.net/m0_57835615/article/details/117375765

版权

getElementsByClassName( )方法可以返回带有相同类名的所有元素。

语法格式：

document.getElementsByClassName('类名称');

示例：

使用getElementsByClassName( )方法获取5个具有相同类名称的p元素。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>getElementsByClassName()方法</title>
</head>
<body>
    <p class="para">段落一</p>
    <p class="para">段落二</p>
    <p class="para">段落三</p>
    <p class="para">段落四</p>
    <p class="para">段落五</p>
    <script>
        var paras = document.getElementsByClassName('para'); 
        console.log(paras);
    </script>
</body>
</html>

控制台输出：

值得一提的是，HTMLCollection 对象类似于一个包含 HTML 元素的数组，我们可以通过索引来访问其中的元素（索引号从0开始）。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

「已注销」

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
getElementsByClassName( )方法

getElementsByClassName( )方法可以返回带有相同类名的所有元素。语法格式：document.getElementsByClassName('类名称');示例：
复制链接

扫一扫