querySelectorAll2 [Javascript] 요소 찾기 querySelector, querySelectorAll Document.querySelector()는 제공한 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 Element(요소)를 반환한다. 일치하는 요소가 없으면 null을 반환한다. querySelector 은 Element를 CSS방식으로 쉽게 검색할 수 있다. 기본 구문은 다음과 같다. document.querySelector(selectors); 사용 예시를 들기 위해 HTML을 작성해준다. 안녕하세요 luka라는 클래스 네임을 가진 div 태그를 지정해보려고 한다. const title = document.querySelector(".luka"); console.log(title); 코드를 실행해보면 알맞게 div태그를 잘 불러온 것을 볼 수 있다. 그렇다면 div태그 내부의 h1 태그를 불러.. 2022. 2. 26. [Javascript] - querySelector querySelector 은 HTML 요소의 특정 name, id, class 상관없이 CSS 선택자를 사용하여 요소를 찾는 것이 가능하다. 또한 같은 id 와 class가 존재하더라도 첫번재 요소만 반환한다. //문서의 첫번째 div 요소 document.querySelector("div"); //class요소 document.querySelector(".example"); //id 요소 document.querySelector("#example"); //문서의 첫번재 div 요소 안의 클래스 요소 document.querySelector("div.example"); 간혹 HTML 문서 내부의 전체 div 요소를 불러 내고 싶은 경우가 있을 것이다. 그럴때는 querySelectorAll 함수를 사용하.. 2021. 11. 28. 이전 1 다음
