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 이름, 설정할 속성의 값을 받음
• 직접 객체에 동기화되지 않는 속성에 대해서도 값 설정이 가능