Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
| 31 |
Tags
- go언어
- write
- JavaScript
- channel
- C
- GO 언어
- FOR
- API
- range
- File
- Golang
- 영화
- package
- mutex
- Python
- Linux
- Callback
- bitcoin
- 책
- go
- c++
- tcp
- 리뷰
- Close
- Sync
- http
- windows
- json
- install
- window
Archives
- Today
- Total
Code Habit
[JavaScript] querySelector : HTML Element 가져오기 본문
querySelector 함수를 사용하여 JavaScript에서 HTML에 있는 element에 접근해 값을 참조하거나 변경할 수 있다.
querySelector는 getElementBy* 처럼 특정 id를 제한하지 않고 CSS선택자를 사용하여 요소를 찾을 수 있다.
예시 )
document.querySelector("tagName"); // 태그명이 "tagName"인 첫번째 요소를 가져온다
document.querySelector(".className"); // 클래스명이 "className"인 첫번째 요소를 가져온다.
document.querySelector("#idName); // 아이디가 "idName"인 첫번째 요소를 가져온다.
document.querySelector("#divName button"); // 아이디가 "divName"인 요소 안의 button을 가져온다.
document.querySelector("div #login"); // div 태그안의 아이디가 "login"인 요소를 가져온다.
document.querySelector(".className #idName"); // 클래스명이 "className"인 요소 안의 아이디가 "idName"인 요소를 가져온다.