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条评论
点击登录参与评论