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 |
Tags
- http
- Golang
- range
- JavaScript
- write
- GO 언어
- 리뷰
- Linux
- 영화
- API
- Python
- json
- install
- c++
- window
- Close
- FOR
- package
- Callback
- Sync
- File
- bitcoin
- channel
- go언어
- 책
- tcp
- go
- C
- mutex
- windows
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"인 요소를 가져온다.