DOM 다루는데 반드시 알아야 할 내용

1. 노드 다루기

  • 문서에서 특정 태그 이름을 지닌 노드 찾기
  • 특정 노드의 자식 노드에서 특정 태그 이름을 지닌 노드 찾기
  • 문서에서 특정 클래스가 적용된 노드 찾기
  • 문서에서 특정 아이디가 적용된 노드 찾기

  • 자식노드찾기
  • 부모노드찾기
  • 형제노드찾기

  • Document.createElement() 메서드를 사용해서 노드 생성 및 추가하기
  • HTMLElement.innerHTML 프로퍼티를 사용해서 노드 생성 및 추가하기
  • Node.cloneNode() 메서드를 사용해서 노드 생성 및 추가하기
  • 노드 삭제하기
  • 노드 이동시키기

  • 텍스트 노드 생성 및 추가하기
  • 텍스트 노드 내용 변경하기


스타일 다루기

  • 스타일 속성값 구하기
  • 스타일 속성값 설정하기
  • 스타일 속성 제거하기


속성다루기

  • 속성값 구하기
  • 속성값 설정하기
  • 속성값 제거하기


이벤트 다루기

  • 이벤트 리스너 추가하기
  • 이벤트 리스너 삭제하기
  • 이벤트 발생시키기
  • 사용자 정의 이벤트 만들기


위치및 크기와 관련된 프로퍼티와 메서드

  • HTMLElement 객체에서 제공하는 크기와 위치와 관련된 프로퍼티와 메서드
  • Window 객체에서 제공하는 크기와 위치와 관련된 프로퍼티와 메서드
  • Screen 객체에서 제공하는 크기와 위치와 관련된 프로퍼티와 메서드
  • Document 객체에서 제공하는 크기와 위치와 관련된 프로퍼티와 메서드
  • MouseEventnLength 객체에서 제공하는 크기와 위치와 관련된 프로퍼티와 메서드