- 01. 요소 메서드 : 선택자 : document.querySelector( ) - 요소 선택자
- 01. 요소 메서드 : 선택자 : document.querySelectorAll( ) - 모든 요소 선택자
- 01. 요소 메서드 : 선택자 : document.getElementById( ) - 요소 ID 선택자
- 01. 요소 메서드 : 선택자 : document.getElementsByClassName( ) - 요소 class 선택자
- 01. 요소 메서드 : 선택자 : document.getElementsByTagName( ) - 요소 Tag 선택자
- 01. 요소 메서드 : 텍스트 : element.innerText() - 요소에 텍스트 설정
- 01. 요소 메서드 : 텍스트 : element.textContent() - 요소에 텍스트 설정
- 01. 요소 메서드 : 텍스트 : element.innerHTML() - 요소에 텍스트 설정 (태그 포함)
- 01. 요소 메서드 : 텍스트 : element.outerHTML() - 요소에 텍스스 설정 (태그, 자식요소 포함)
- 01. 요소 메서드 : 클래스 : element.classList.add() - 요소에 클래스 추가하기
- 01. 요소 메서드 : 클래스 : element.classList.remove() - 요소의 클래스 삭제
- 01. 요소 메서드 : 클래스 : element.classList.toggle() - 클래스를 추가하거나 삭제
- 01. 요소 메서드 : 클래스 : element.classList.contains() - 클래스 존재 여부 확인
- 01. 요소 메서드 : 클래스 : element.style.속성명 - 클래스에 스타일 설정
- 01. 요소 속성 : 크기 및 위치 : element.clientWidth - 요소의 가로(너비)값 (margin, border 포함 X)
- 01. 요소 속성 : 크기 및 위치 : element.clientHeight - 요소의 세로(높이)값 (margin, border 포함 X)
- 01. 요소 속성 : 크기 및 위치 : element.clientLeft - 요소의 X축 값(부모요소 기준)
- 01. 요소 속성 : 크기 및 위치 : element.clientTop - 요소의 Y축 값(부모요소 기준)
- 01. 요소 속성 : 크기 및 위치 : element.offsetWidth - 요소의 가로(너비)값 (padding, border 포함 O)
- 01. 요소 속성 : 크기 및 위치 : element.offsetHeight - 요소의 세로(높이)값 (padding, border 포함 O)
- 01. 요소 속성 : 크기 및 위치 : element.offsetLeft - 요소의 X축 값 (문서 기준)
- 01. 요소 속성 : 크기 및 위치 : element.offsetTop - 요소의 Y축 값 (문서 기준)
- 01. 요소 메서드 : 크기 및 위치 : element.getBoundingClinetRect( ) - 요소의 크기 및 위치 설정