Javascript
2023. 1. 31.
[Javascript] 쿼리선택자의 종류와 차이점 - getElementById, getElementsByClassName, getElementsByTagName, querySelector, querySelectorAll
DOM에서 HTML 요소를 선택하는 방법은 5가지가 있습니다. getElement로 시작하는 getElementById(), getElementsByClassName(), getElementsByTagName() 3개의 메서드는 HTML 요소(Element), 또는 요소들을 반환합니다. getElementByClassName()과 getElementsByTagName()의 Elements에 주의해야 합니다. 요소를 선택하지만 "s"가 붙어 있습니다. 그러니까 선택 가능한 모든 요소들을 선택하는 것이고, 복수 개의 요소가 반환됩니다. 그래서 선택되어 반환되는 데이터 타입은 HTML Element가 아니라 HTMLCollection이 됩니다. 이 차이점은 선택한 요소가 있는지 조건 체크를 할 때 중요한 차이..
![[Javascript] 쿼리선택자의 종류와 차이점 - getElementById, getElementsByClassName, getElementsByTagName, querySelector, querySelectorAll](http://i1.daumcdn.net/thumb/C400x400/?fname=https://blog.kakaocdn.net/dn/H6dfV/btrXCiWYneD/Z9Akd756i7j6O3i2DTx2v0/img.jpg)
![[CSS] querySelector의 특수문자 이스케이프와 CSS.escape() 메서드 - CSS querySelector Special Character Escape](http://i1.daumcdn.net/thumb/C400x400/?fname=https://blog.kakaocdn.net/dn/bR0KF6/btrWR79VPmG/ZI0W18nfwQ7fdIM76JGt50/img.jpg)