使用 JavaScript 的 querySelector 进行前端开发

在前端开发中，JavaScript 的 querySelector 方法是一个强大的工具，它允许开发者通过选择器来获取页面中的元素。本文将详细介绍 querySelector 的使用，并提供相应的源代码示例。

querySelector 方法是 Document 对象的一部分，它允许我们在文档中使用 CSS 选择器来选择元素。它返回匹配选择器的第一个元素，如果没有匹配的元素，则返回 null。下面是使用 querySelector 方法的基本语法：

const element = document.querySelector(selector);

其中，selector 是一个字符串，表示要选择的元素的 CSS 选择器。

接下来，让我们通过一些示例来了解如何使用 querySelector。

1. 选择元素的 ID

要选择具有特定 ID 的元素，可以使用 “#” 符号加上要选择的 ID。例如，假设我们有一个具有 ID 为 “myEle