JavaScript querySelector() 函数详解：查找 DOM 元素的利器

JavaScript 函数 'querySelector()' 是 DOM 方法之一，用于在文档中查找满足指定选择器的第一个元素。

语法：

element = document.querySelector(selectors);

参数：

• 'selectors'：一个字符串，表示一个或多个 CSS 选择器，用于指定要查找的元素。

返回值：

• 'element'：一个 DOM 元素，满足选择器的第一个元素，如果没有找到则返回 'null'。

示例：

<div id='myDiv'>
  <p class='myClass'>Hello World!</p>
</div>

const element = document.querySelector('#myDiv .myClass');
console.log(element); // <p class='myClass'>Hello World!</p>

在上面的示例中，'querySelector()' 方法使用了选择器 '#myDiv .myClass'，它会选择 id 为 'myDiv' 的元素下的 class 为 'myClass' 的第一个 'p' 元素。