이전에 공부하던 부분부터 이어서 플레이할 수 있습니다.
이어서 보기 처음부터 보기

Document API

DOM API를 활용해 문서에서 엘리먼트를 선택하는 방법

  • document.getElementBy~ : 단일 엘리먼트를 선택하는 메소드
  • document.getElementsBy~ : 다중 엘리먼트를 선택하는 메소드

document.getElementById 메소드

  • 인자로 HTML element 태그의 id를 전달하면 해당 엘리먼트가 반환됨

Element API

.innerHTML 속성

  • 엘리먼트 안의 HTML코드를 변경

.innerText 속성

  • 엘리먼트 안의 텍스트를 변경

.style 속성

  • css를 변경 가능

getAttribute 메소드

  • element의 속성의 값을 얻어옴
  • 하나의 인자 : attribute 이름을 받음
  • 직접 객체에 동기화되지 않는 속성에 대해서도 접근이 가능

setAttribute 메소드

  • element의 속성의 값을 설정함
  • 두개의 인자 : attribute 이름, 설정할 속성의 값을 받음
  • 직접 객체에 동기화되지 않는 속성에 대해서도 값 설정이 가능