` 元素：
```javascript
var divElement = document.querySelector('div');
```
这将返回页面中的第一个 `
` 元素。如果没有找到任何 `
` 元素，则返回 `null`。
### 选择带有特定类名的元素
如果你想选择带有特定类名的元素，可以使用类选择器。例如，要选择带有类名为 `myClass` 的所有元素：
```javascript
var elementsWithClass = document.querySelectorAll('.myClass'); // 注意这是 querySelector 的复数版本，返回的是一个 NodeList，而不是单个元素。
```
这将返回一个包含所有具有类名为 `myClass` 的元素的 NodeList。如果没有找到任何匹配的元素，返回的 NodeList 将为空。注意这里使用了 `querySelectorAll` 的复数形式，它返回的是一个集合，而不仅仅是单个元素。而 `querySelector` 则返回第一个匹配的元素。
### 选择特定的子元素或后代元素
你还可以使用更复杂的选择器来精确选择页面中的特定元素。例如，要选择所有 `
` 元素下的第一个 `
` 子元素： ```javascript var firstParagraph = document.querySelector('div > p'); // 注意这里的 ">" 表示子元素关系。如果只写 'p'，则表示选择所有的 p 元素，无论它们是否位于 div 内。如果要选择直接的子元素，应使用 ">" 符号。 ``` 这将返回每个 `
` 元素下的第一个 `
` 子元素。如果没有找到任何匹配的元素，则返回 `null`。请注意，如果有多个 `
` 包含 `
` 元素，此方法将只返回第一个匹配的 `
` 元素。如果你想选择所有的 `
` 子元素，不论它们在何处，只需使用 `'p'` 作为选择器即可。但如果你只想选择直接的子元素（即不考虑后代），则应使用 `>` 子选择器符号。如果你想要选择所有后代元素（无论层级），则不需要使用任何特殊符号。这取决于你的具体需求和你想要选择的元素的复杂性。
版权声明：本文由用户上传，如有侵权请联系删除！