querySelector 是 JavaScript 中用于选择 DOM（文档对象模型）元素的方法。它返回文档中匹配指定 CSS 选择器的第一个 Element 元素。如果没有到匹配的元素，则返回 null。
下面是一些使用 querySelector 的基本示例：
1. 选择类名为 "myClass" 的第一个元素：
javascript
let element = document.querySelector('.myClass');
2. 选择 ID 为 "myId" 的元素：
javascript
let element = document.querySelector('#myId');
3. 选择标签名为 "div" 的第一个元素：
javascript
let element = document.querySelector('div');
4. 选择具有特定属性和值的元素：
javascript
let element = document.querySelectorqueryselectorall用法('input[type="text"]');
5. 选择具有多个类的元素：
javascript
let element = document.querySelector('.class1.class2');
6. 选择嵌套元素：
javascript
let element = document.querySelector('div > p'); // 选择 div 的直接子元素 p
你也可以使用 querySelectorAll 来选择所有匹配指定 CSS 选择器的元素，它返回一个 NodeList 对象。
例如：
javascript
let elements = document.querySelectorAll('.myClass');
for (let i = 0; i < elements.length; i++) {
console.log(elements[i]);
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。