본문 바로가기
IT/JavaScript

[JavaScript] document.querySelector

by 프론트엔드 지식백과 2021. 1. 1.
 

* document.querySelector(css 선택자)

Syntax:

element = document.querySelector(CSS selectors);

- name, id 를 제한 X

- css선택자로 요소를 찾는다.

- This string must be a valid CSS selector string; if it isn't, a SYNTAX_ERR exception is thrown

 


* document.querySelectorAll(css 선택자)

Syntax:

element = document.querySelectorAll(CSS selectors);

기능과 사용법은 document.querySelector와 동일하지만,

css 선택자를 사용하여 모든 요소를 찾는다는 차이점이 있다.

developer.mozilla.org/en-US/docs/Web/API/Document/querySelector

 

Document.querySelector() - Web APIs | MDN

The Document method querySelector() returns the first Element within the document that matches the specified selector, or group of selectors. If no matches are found, null is returned. Note: The matching is done using depth-first pre-order traversal of the

developer.mozilla.org

 

728x90