wiki:javascript:javascript_note:queryselector
문서의 이전 판입니다!
목차
Javascript HTML DOM Document querySelector()
- description : Javascript HTML DOM Document querySelector()
- author : 오션
- email : shlim@repia.com
- lastupdate : 2021-05-26
=====The source of the article==== HTML DOM Document querySelector() Method
Example
<script> function myFunction() { document.querySelector(".example").style.backgroundColor = "red"; } </script>
Definition and Usage
querySelector() 메서드는 문서에서 지정된 CSS 선택자와 일치하는 첫 번째 요소를 반환합니다.
Note: querySelector() 메서드는 지정된 선택자와 일치하는 첫 번째 요소만 반환합니다.
모든 일치 항목을 반환하려면 대신 querySelectorAll () 메서드를 사용합니다.
선택자가 여러 번 사용되는 문서의 ID와 일치하는 경우 ("id"는 페이지 내에서 고유해야 하며
두 번 이상 사용되지 않아야 함) 첫 번째 일치 요소를 반환합니다.
CSS 선택자에 대한 자세한 내용은 CSS Selector Tutorial 및 CSS Selectors Reference를 참조하십시오.
Syntax
document.querySelector(CSS selectors)
Parameter Values
| Parameter | Type | Description |
|---|---|---|
| CSS Selectors | String | 필수입니다. 요소와 일치시킬 하나 이상의 CSS 선택기를 지정합니다. 이들은 ID, 클래스, 유형, 속성, 속성 값 등을 기반으로 HTML 요소를 선택하는 데 사용됩니다. 선택자가 여러 개인 경우, 각 선택자를 쉼표로 구분합니다. 반환되는 요소는 문서에서 처음 발견된 요소에 따라 다릅니다 ( “추가 예제”참조). Tip: 모든 CSS 선택자 목록은 CSS Selectors Reference를 참조하십시오.. |
Technical Details
| DOM Version | Selector Level1 Document Object |
|---|---|
| Return Value(반환 값) | 지정된 CSS 선택자와 일치하는 첫 번째 요소를 나타내는 NodeList 객체입니다. 일치하는 항목이 없으면, null이 반환됩니다. 지정된 선택자가 유효하지 않은 경우, SYNTAX_ERR 예외가 발생합니다. |
More Examples
문서의 첫 번째 <p> 요소를 가져옵니다.
Example
/volume1/web/dokuwiki/data/attic/wiki/javascript/javascript_note/queryselector.1621987135.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)
별도로 명시하지 않을 경우, 이 위키의 내용은 다음 라이선스에 따라 사용할 수 있습니다: CC Attribution-Share Alike 4.0 International
