querySelector方法怎么使用

querySelector() 方法可以用于返回文档中匹配指定 CSS 选择器的一个元素，如果需要返回所有的元素，就需要使用querySelectorAll() 方法替代，下面我们就来具体看看querySelector方法的具体用法。

我们先来看一下querySelector()的基本语法

document.querySelector(CSS selectors)

CSS selectors表示一个或多个匹配元素的 CSS 选择器。 可以使用它们的 id, 类, 类型, 属性, 属性值等来选取元素。

注意：对于多个选择器，使用逗号隔开。

下面我们来看具体示例

代码如下

   


文本的标题
 文本的段落。
 
按钮

效果如下：当点击“按钮”后，文本标题的背景颜色就会变成如下所示的红色

本篇文章到这里就全部结束了，更多精彩内容大家可以关注 第一PHP社区 的其他相关栏目教程！！！

以上就是querySelector方法怎么使用的详细内容，更多请关注 第一PHP社区 其它相关文章！