getElementById 메서드

getElementById 메서드를 사용하면 요소의 id 속성으로 페이지 요소를 가져올 수 있습니다. 가져온 요소로 다양한 작업을 할 수 있습니다: 텍스트 변경, 속성 변경, CSS 스타일 변경 등입니다.

구문

javascriptdocument.getElementById(요소의 id);

예제

id로 인풋을 가져와서 value 속성의 내용을 변경해 보겠습니다:

html<input id="elem" value="???">

javascriptlet elem = document.getElementById('elem');
elem.value = '!!!';

코드 실행 결과:

html<input id="elem" value="!!!">

함께 보기