document.querySelector() DOM方法详解

小雨藏山

于 2021-04-25 17:25:14 发布

阅读量2.5k

点赞数 1

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/weixin_44844866/article/details/116133924

版权

javascript 专栏收录该内容

25 篇文章

订阅专栏

document.querySelector()是用于选取HTML文档中匹配特定CSS选择器的第一个元素的方法。该方法的特点是只返回第一个符合条件的元素，而非所有匹配的元素数组。在网页开发中，它是一个高效且常用的DOM操作工具。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、作用：可通过多种方法获取html元素
语法：参数为字符串，要带上css选择器标识符

document.querySelector('TagName')   //  以标签名返回一个元素
document.querySelector('#id')       //  以id名返回一个元素
document.querySelector('.className')      //  以classs名返回一个元素
document.querySelector('.className div')  //  最后这种是以css选择器的方式获取一个元素

二、特点：仅返回第一个符合条件的元素

var li = document.querySelector('li');   //  仅返回整个文档中的第一个li元素

三、返回多个符合条件的元素数组

document.querySelectorAll()