document.querySelector是JavaScript中用于选择并返回文档中匹配指定选择器的第一个元素的方法。它的使用方法如下:
const element = document.querySelector(selector);
其中,selector是一个字符串,用于指定要选择的元素。它可以是一个CSS选择器,也可以是一个标签名称、类名或ID。
使用document.querySelector的例子:
1、选择元素的标签名称:选择文档中第一个 <p> 元素:
const paragraph = document.querySelector("p");2、选择元素的类名:选择文档中第一个类名为 “myClass” 的元素:
const element = document.querySelector(".myClass");3、选择元素的ID:选择文档中ID为 “myId” 的元素:
const element = document.querySelector("#myId");4、选择复杂的选择器:选择文档中第一个类名为 “myClass” 的 <div> 元素中的第一个 <p> 元素:
const element = document.querySelector("div.myClass p");通过使用querySelector方法,你可以根据选择器选择并操作文档中的特定元素。如果没有找到匹配的元素,querySelector会返回null。

0条评论
点击登录参与评论