getElementById vs querySelector 의 차이점 > 개발

본문 바로가기
사이트 내 전체검색

개발

getElementById vs querySelector 의 차이점

페이지 정보

profile_image
작성자 관리자 (119.♡.119.69)
댓글 0건 조회 1,094회 작성일 23-07-03 15:14

본문

# getElementById vs querySelector 의 차이점


1. getElementById, getElementsByClassName

- 속도 빠르다. querySelector 에 비해 1.2~1.3배

- id, class, tag, name 등등을 다 따로따로 사용해야 한다.
```
document.getElementById("id").innerHTML;
document.getElementsByClassName("class").innerHTML;
document.getElementsByName("name").innerHTML;
document.getElementsByTagName("tag").innerText;
```

- 여러개를 찾을 때는 getElementsBy*** 시리즈를 사용해야 한다.




2. querySelector, querySelectorAll

- 속도 비교적 느리다.

- querySelector 하나로 찾기가 가능하다.
```
document.querySelector("#id").innerHTML;
document.querySelector(".class").innerHTML;
document.querySelector("body").innerText;
document.querySelector('ul li.class').innerText;
```

- querySelector 는 선택한 요소 중 첫번째 요소 하나만 가져온다 !!!

- 여러개를 찾을 때는 querySelectorAll 을 사용한다.

추천0

댓글목록

등록된 댓글이 없습니다.

Total 386건 1 페이지
  • RSS
개발 목록
번호 제목 조회 추천 날짜
386164004-07
385805002-02
384832001-09
383981012-25
382925012-15
381769012-10
380386012-03
379404011-26
378388011-04
377976009-08
3761206008-11
3751296008-10
3741581007-10
열람중1095007-03
3721496006-06
3711292004-23
3701284004-20
3692313004-19
368983004-12
3671614004-11

검색


사이트 정보

Copyright © Baragi.Net. All rights reserved.