document.querySelector 获取某个class下级

document.querySelector是JavaScript中的一个方法，用于通过CSS选择器获取文档中匹配的第一个元素。它可以用来获取某个class下的子元素。

使用document.querySelector方法时，需要传入一个CSS选择器作为参数。选择器可以是元素名、类名、ID等等。如果有多个匹配的元素，该方法只会返回第一个匹配的元素。

下面是一个示例代码，演示如何使用document.querySelector获取某个class下的子元素：

HTML代码：

<div class="parent">
  <div class="child">子元素1</div>
  <div class="child">子元素2</div>
  <div class="child">子元素3</div>
</div>

JavaScript代码：

const parentElement = document.querySelector('.parent');
const childElement = parentElement.querySelector('.child');

console.log(childElement.textContent); // 输出：子元素1

在上面的代码中，首先使用document.querySelector('.parent')获取到class为"parent"的父元素，然后使用parentElement.querySelector('.child')获取到class为"child"的子元素。最后，通过childElement.textContent可以获取到子元素的文本内容。