자바스크립트(javascript) 요소 선택 쿼리 셀럭터querySelector 사용법 및 예제


자바스크립트(javascript) 요소 선택 쿼리 셀럭터querySelector 사용법 및 예제

querySelector란?querySelector는 Javascript(자바스크립트)에서 HTML태그를 제어 할 수 있는 함수이다. 기존 Javascript(자바스크립트)에서 DOM을 선택하기 위해서는 getElementById, getElementsByClassName, getElementsByTagName 등의 메서드를 사용했다. 이러한 메서드들은 각각 아이디, 클래스, 태그 이름 등을 기준으로 요소를 선택할 수 있었다. 이 때문에 제이쿼리가 널리 보급되었다고 해도 과언이 아니다. 하지만 ES5버전 부터 querySelector가 등장했는데, querySelector를 사용하면 제이쿼리처럼 CSS선택자를 직접 사용하여 더 간단하게 요소를 선택할 수 있다. 제이쿼리 요소 선택 방법2024.03.19 ..


원문링크 : 자바스크립트(javascript) 요소 선택 쿼리 셀럭터querySelector 사용법 및 예제