querySelectorAll( ) 方法

最新推荐文章于 2024-08-28 15:04:49 发布

「已注销」

最新推荐文章于 2024-08-28 15:04:49 发布

阅读量4.1k

点赞数

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

版权

querySelectorAll( ) 方法返回文档中匹配指定 CSS 选择器的所有元素,如果没有找到，则返回一个空的NodeList 对象。

语法格式：

node.querySelectorAll(CSS 选择器);

如果使用多个选择器，选择器之间使用逗号隔开。

示例：

<!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>Document</title>
</head>
<body>
    <p class="para">段落1</p>
    <p>段落2</p>
    <p class="para">段落3</p>
    <p>段落4</p>
    <p>段落5</p>
    <p class="para">段落6</p>
    <script>
        //获取文档中所有的p元素
        var list1 = document.querySelectorAll('p');
        //获取文档中类名称为para的所有元素
        var list2 = document.querySelectorAll('.para');
        console.log(list1);
        console.log(list2);
    </script>
</html>

控制台输出：