牛叔叔 的笔记

好好学习

2023-10-18 10:31

document.querySelector()用法

牛叔叔

WEB前端

(854)

(0)

收藏

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条评论

点击登录参与评论