document.getElementById()

송현민·2025년 1월 7일

1. document.getElementById() 사용 예시

<body>
    <h1 id="hello">안녕하세요</h1>
    <script>
      document.getElementById('hello').innerHTML = '안녕';
    </script> 
</body>

출력 결과 -> 안녕

2. 코드 해석
document.getElementById('hello').innerHTML = '안녕';

document: html파일을 의미
.: ~의
getElementById('어쩌구'): 아이디가 어쩌구인 html요소를 찾아서
innerHTML='안녕': 내부HTML을 안녕으로 대입해라

3. 일반화
document.getElementById('???').??? = '???';

4. 예시
document.getElementById('???').style.color = 'red';
document.getElementById('???').style.fontSize = "40px";

0개의 댓글