getElementById 메서드
getElementById 메서드를 사용하면
요소의 id 속성으로
페이지 요소를 가져올 수 있습니다.
가져온 요소로 다양한 작업을 할 수 있습니다:
텍스트 변경,
속성 변경, CSS 스타일 변경 등입니다.
구문
document.getElementById(요소의 id);
예제
id로 인풋을 가져와서
value 속성의 내용을
변경해 보겠습니다:
<input id="elem" value="???">
let elem = document.getElementById('elem');
elem.value = '!!!';
코드 실행 결과:
<input id="elem" value="!!!">
함께 보기
-
셀렉터로 요소를 가져오는 메서드
querySelector -
셀렉터로 요소 그룹을 가져오는 메서드
querySelectorAll
