HTML DOM querySelector() 方法

querySelector()返回文档中与指定的选择器或选择器组匹配的第一个元素。

如果找不到匹配项，则返回null。

querySelector()方法仅返回与指定选择器匹配的第一个元素。要返回所有匹配项，请改用querySelectorAll()方法。

语法：

document.querySelector(selectors)

예제

document.querySelector('h1');

表中的数字指定了完全支持querySelector()方法的第一个浏览器版本：

方法
querySelector()	1	3.5	10	3.2	8

参数	描述
selectors	包含一个或多个要匹配的选择器的字符串。此字符串必须是有效的CSS 선택자字符串

返回值：	表示文档中与指定的CSS 선택자匹配的第一个元素的Element对象，如果不存在匹配项，则返回null。
特例情况：	SyntaxError-지정된 선택자 문자열의 문법이 잘못되었습니다
DOM 버전:	DOM 등급1

id="para"의 첫 번째 요소를 가져오기:

예제

document.querySelector('#para');

class="demo"를 사용하여 첫 번째 요소를 가져오기:

예제

document.querySelector(".demo");

문서에서 <div> 요소의 부모 요소로 <p> 요소를 가져오기:

예제

document.querySelector("div　>　p");