본문 바로가기
728x90

JavaScript2

childNodes와 children의 차이 지난번에 작성한 querySelector에 관해 공부하다가 childNodes와 children의 차이에 대해 추가로 궁금중이 생겨서 찾아보았다. querySelector란? querySelector라는 게 있는지 알고 있었지만 getElementById만 사용하다보니 querySelector를 사용할 일이 없었다. 언젠가 정리를 해보자고 마음만 먹고 있다가 생각이 나서 정리해둔다. getElementById의 경우 gingmin.tistory.com element보다 node가 상위에 있는 관계만 알고 있다면 쉽게 접근할 수 있을 것 같다. element는 태그 요소들을 가리키므로 children은 모든 태그를 가져온다면, childNodes는 태그뿐 아니라 주석, 텍스트 등 모든 요소를 가져온다고 볼.. 2021. 8. 15.
querySelector란? querySelector라는 게 있는지 알고 있었지만 getElementById만 사용하다보니 querySelector를 사용할 일이 없었다. 언젠가 정리를 해보자고 마음만 먹고 있다가 생각이 나서 정리해둔다. getElementById의 경우 맞는 element가 없을 경우 null을 반환하고, querySelector는 일치하는 선택자 중에서 첫 번째 값을 반환해주고 값이 없다면 null을 반환한다. querySelector vs getElementById 둘의 장점을 비교해보면 getElementById는 처리속도가 빠르다는 것이고 querySelector는 인접한 태그들을 활용하여 선택할 수 있다는 점이다. 1 2 id="cat" 밑에 class="cats"를 바로 선택할 수 있다. getElem.. 2021. 8. 13.
728x90