JavaScript querySelector: 查找页面元素并立即执行代码

在 JavaScript 中，querySelector 方法用于在 HTML 文档中选择第一个与指定 CSS 选择器匹配的元素。如果找到匹配的元素，querySelector 会立即返回该元素对象。

例如，以下代码将选择页面中第一个具有 id 为 'myElement' 的元素，并将其存储在 'element' 变量中：

const element = document.querySelector('#myElement');

如果页面中存在具有 id 为 'myElement' 的元素，则 'element' 变量将包含该元素对象。否则，'element' 将为 null。

querySelector 方法非常有用，因为它允许您快速轻松地选择特定元素，并对它们执行操作。例如，您可以使用它来更改元素的样式、添加或删除内容，或绑定事件监听器。