getElementById vs querySelector 의 차이점 > 개발

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

개발

getElementById vs querySelector 의 차이점

페이지 정보

profile_image
작성자 관리자 (119.♡.119.69)
댓글 0건 조회 918회 작성일 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 385건 1 페이지
  • RSS
개발 목록
번호 제목 조회 추천 날짜
385290002-02
384440001-09
383504012-25
382471012-15
381494012-10
380264012-03
379263011-26
378292011-04
377751009-08
376913008-11
3751032008-10
3741359007-10
열람중919007-03
3721241006-06
3711141004-23
3701090004-20
3691855004-19
368807004-12
3671367004-11
3661406004-11

검색


사이트 정보

Copyright © Baragi.Net. All rights reserved.