使用document.querySelector()搜索时,点‘.‘和井号‘#‘的用法

document.querySelector()用于选择文档中的元素，你可以根据元素的类型（标签名div/span）、类名(class)、或 id 来进行选择。在使用时，可以根据以下规则来确定何时使用点 (`.`) 和何时使用井号 (`#`)：

1. 使用点 (`.`)：
  当你希望选择具有特定类名的元素时，使用点。

  例如，`document.querySelector('.classname')` 会选择具有指定类名的元素。

  例如，<div class="box"></div> ，你可以使用 `document.querySelector('.box')` 来选择它。

2. 使用井号 (`#`)：
   当你希望选择具有特定 id 的元素时，使用井号。

   例如，`document.querySelector('#elementId')` 会选择具有指定 id 的元素。

   例如， <div id="myDiv"></div>，你可以使用 `document.querySelector('#myDiv')` 来选择它。

3. 使用标签名：
    如果你想选择特定类型的元素，只需提供标签名即可。

    例如，`document.querySelector('div')` 会选择页面上的第一个 `<div>` 元素。

    这不需要点 (`.`) 或井号 (`#`) 前缀。

   总之，前缀点 (`.`) 用于选择类名，前缀井号 (`#`) 用于选择 id，而不使用前缀时用于选择标签名。根据需要选择适当的前缀，以便准确地选择目标元素。