HTMLCollection2

728x90
[Javascript]HTMLCollection과 querySelector의 차이 HTMLCollection과 querySelector (또는 querySelectorAll)의 차이는 주로 반환 객체의 형태, 동작 방식, 사용 사례에 있습니다. 이를 아래에서 자세히 비교합니다.1. 반환 객체의 차이메서드getElementsByClassName, getElementsByTagName, 등querySelector, querySelectorAll반환 객체HTMLCollectionElement 또는 NodeList실시간 업데이트문서가 변경되면 자동 업데이트문서가 변경되어도 업데이트되지 않음다중 요소 선택항상 여러 요소를 반환 (HTMLCollection)querySelector: 첫 번째 요소만 반환 querySelectorAll: NodeList로 모든 요소 반환예시// HTML 구조Ite..
[Javascript]HTMLCollection을 반환하는 주요 DOM 메서드 HTMLCollection을 반환하는 주요 DOM 메서드document.getElementsByTagName(tagName)특정 태그 이름을 가진 모든 요소를 선택합니다.예: document.getElementsByTagName('div')→ 태그를 모두 포함하는 HTMLCollection 반환.document.getElementsByClassName(className)특정 클래스를 가진 모든 요소를 선택합니다.예: document.getElementsByClassName('item')→ 클래스가 item인 모든 요소를 포함하는 HTMLCollection 반환.document.forms현재 문서의 모든 요소를 선택합니다.예: document.forms→ 문서의 모든 태그를 포함하는 HTMLColle..
반응형