DEV Community
·
JavaScript 中的 querySelector 与 querySelectorAll 对比
💡
原文英文，约200词，阅读约需1分钟。
📝
内容提要
`querySelector` 用于选择第一个匹配的DOM元素，找不到则返回null。`querySelectorAll` 返回所有匹配元素的NodeList，找不到则返回空NodeList。示例中，`querySelector` 获取第一个 `<a>` 元素，而 `querySelectorAll` 获取所有 `<a>` 元素。
🎯
关键要点
- querySelector用于选择第一个匹配的DOM元素，找不到则返回null。
- querySelectorAll返回所有匹配元素的NodeList，找不到则返回空NodeList。
- 示例中，querySelector获取第一个<a>元素，而querySelectorAll获取所有<a>元素。
- querySelector返回的结果是第一个匹配的元素。
- querySelectorAll返回的结果是一个包含所有匹配元素的NodeList。
➡️
