DOM 제어 | Notion

🧩 DOM(Document Object Model) 제어

📖 개념

HTML 문서를 객체 형태로 접근하여

태그(요소)의 내용·속성·스타일을 조작할 수 있게 해주는 구조

🧠 주요 개념

구분	설명
`document.getElementById('id명')`	HTML 요소를 id로 찾아옴
`innerText`	태그 안의 텍스트만 변경
`innerHTML`	태그 안의 HTML 구조 포함 내용 변경

💬 핵심 요약

innerText: 단순한 문자열
innerHTML: 태그까지 인식 (굵게, 줄바꿈 등 가능)
HTML 문서 내의 특정 영역을 선택하고 내용을 동적으로 바꿀 수 있음