은꽃잎
70
2020-11-28 17:16:41
1
164

[초보] JS querySelector / getElementsBy 어떤걸 더 많이 사용하나요?


안녕하세요.

자바스크립트를 공부중입니다.

공부를 하던 중에

HTML의 요소를 불러올 때 queryselector / getElementsBy 

두 개의 코드 중 하나를 사용해서 불러오던데 보통 어떤 걸 더 자주 사용하는지 알고 싶습니다.


제가 검색을 통해 스택오버플로우에 해당 글이 있던데

속도와 브라우저 지원 유무? 차이가 있으며

어떤걸 선택해도 큰 상관은 없다는데 맞는건가요?

0
  • 답변 1

  • 초보자1212
    1k
    2020-11-30 01:17:29

    1. 모든 브라우저에서 지원합니다

    2. 속도차이는 유의미할 정도로 나지 않습니다. 오히려 메소드를 어떤 DOM 하위에서 검색하냐에따라 다를 수 있습니다

    대신 getElements* 는 여러개를 검색하는 메소드이므로 단순 1개만 검색하는 querySelector 와는 상황에 따라서는 

    차이가 있을 수 있습니다.

    3. 네 어떤걸 선택해도 큰 상관은 없습니다. 상황에 맞게 사용하시면 됩니다.

    가령 아래와 같은 경우는 querySelector 가 더 유리합니다


    document.querySelector('input[title="myInput"]');


  • 로그인을 하시면 답변을 등록할 수 있습니다.