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