getElementById vs querySelector 의 차이점 > 개발

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

개발

getElementById vs querySelector 의 차이점

페이지 정보

profile_image
작성자 관리자 (119.♡.119.69)
댓글 0건 조회 1,899회 작성일 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 397건 1 페이지
  • RSS
개발 목록
번호 제목 조회 추천 날짜
39764010-31
39682010-28
395348009-23
394845007-06
3931025007-02
392910006-23
3911035006-23
390907006-20
389771006-15
388699006-15
387844005-27
3861209004-07
3852067002-02
3842125001-09
3832386012-25
3821960012-15
3811630012-10
3801227012-03
3791441011-26
3781241011-04

검색


사이트 정보

Copyright © Baragi.Net. All rights reserved.