注意：

querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。

参数类型可以为如下：

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

• 对于多个选择器，使用逗号隔开，返回一个匹配的元素。

获取第一个p元素

	
	


	
张露露，我爱你
	
黄宝康，我也爱你

	
	var node = document.querySelector("p");
		console.log(node);
	

获取文档中的第一个class="lover"的元素

	
	


	张露露
	黄宝康

	
	var node = document.querySelector(".lover");
		console.log(node);
	

获取class=“lover” 的第一个p元素

	
	


	张露露
	黄宝康


	
	var node = document.querySelector("p.lover");
		console.log(node);
	

获取第一个带target属性的a元素

	
	


	百度一下
	淘宝一下

	
	var node = document.querySelector("a[target]");
		console.log(node);
	

多个选择器的使用方法

以下代码将为文档的第一个

元素添加背景颜色：

	
	


	
二级标题
	
三级标题
	
		document.querySelector("h3,h4").style.backgroundColor = "blue";
	

但是，如果文档中

元素位于

元素之前，

元素将会被设置指定的背景颜色。

	
	


	
三级标题
	
二级标题
	
	
		document.querySelector("h3,h4").style.backgroundColor = "blue";