- 01. 요소 메서드 : 선택자 : document.querySelector() : 요소 선택자
- 01. 요소 메서드 : 선택자 : document.querySelectorAll() : 모든 요소 선택자
- 01. 요소 메서드 : 선택자 : document.getElementByID() : ID요소 선택자
- 01. 요소 메서드 : 선택자 : document.getElementsByClassName() : Class요소 선택자
- 01. 요소 메서드 : 선택자 : document.getElementsByTagName() : Tag요소 선택자
- 01. 요소 메서드 : Text : elememnt.innerText() : 요소 텍스트 설정하기
- 01. 요소 메서드 : Text : elememnt.textContent() : 요소 텍스트 설정하기
- 01. 요소 메서드 : Text : elememnt.innerHTML() : 요소 텍스트(테그포함) 설정하기
- 01. 요소 메서드 : Text : elememnt.outerHTML() : 요소 텍스트(테그포함, 자식포함) 설정하기
- 01. 요소 메서드 : 클래서 : elememnt.classList.add() : 클래스 추가하기
- 01. 요소 메서드 : 클래서 : elememnt.classList.remove() : 클래스 삭제하기
- 01. 요소 메서드 : 클래서 : elememnt.classList.toggle() : 클래스 추가/ 삭제하기
- 01. 요소 메서드 : 클래서 : elememnt.classList.contains() : 클래스 존재 여부 확인
- 01. 요소 메서드 : 클래서 : elememnt.stytle.속성명 : css 스타일 설정
- 01. 요소 메서드 : 클래서 : elememnt.value : 요소의 속성값 가져오기
- 01. 요소 속성 : 크기 및 위치 : elememnt.clientWidth : 요소의 가로값을 가져온다(마진/보더 미포함)
- 01. 요소 속성 : 크기 및 위치 : elememnt.clientHeight : 요소의 세로값을 가져온다 (마진/보더 미포함)
- 01. 요소 속성 : 크기 및 위치 : elememnt.clientTop : 요소의 Y축 값을 가져온다 (부모 기준)
- 01. 요소 속성 : 크기 및 위치 : elememnt.clientLeft : 요소의 X축 값을 가져온다 (부모 기준)
- 01. 요소 속성 : 크기 및 위치 : elememnt.offsetWidth : 요소의 가로값 가져온다 (마진/보더 포함)
- 01. 요소 속성 : 크기 및 위치 : elememnt.offsetHeight : 요소의 가로세로 가져온다 (마진/보더 포함)
- 01. 요소 속성 : 크기 및 위치 : elememnt.offsetTop : 요소의 Y축 값을 가져온다 (문서 기준)
- 01. 요소 속성 : 크기 및 위치 : elememnt.offsetLeft : 요소의 X축 값을 가져온다 (문서 기준)
- 01. 요소 메서드 : 크기 및 위치 : elememnt.getBoundingClnetRect() : 요소의 크기 및 위치 값을 설정