HTML - 문제 미리보기
문제 951
hard
다음 JavaScript 코드의 실행 결과는?
```html
원래 제목
원래 내용
``` ```javascript function changeContent() { document.getElementById("_____").innerHTML = "새로운 제목"; document.getElementById("content").style.color = "red"; } ``` 빈칸에 "title"을 넣었을 때의 결과는?정답: C
JavaScript의 `getElementById()` 메서드는 지정된 ID를 가진 요소를 선택하여 조작할 수 있게 해줍니다:
1. `document.getElementById("title").innerHTML = "새로운 제목"`: ID가 "title"인 요소(h1)의 내용을 "새로운 제목"으로 변경
2. `document.getElementById("content").style.color = "red"`: ID가 "content"인 요소(p)의 글자색을 빨간색으로 변경
따라서 버튼을 클릭하면 두 가지 변화가 모두 일어납니다. `innerHTML`은 요소의 내용을 변경하고, `style` 속성을 통해 CSS 스타일을 동적으로 변경할 수 있습니다. 이는 웹 페이지의 동적인 상호작용을 만드는 핵심 기법입니다.
💡 학습 팁
이 문제를 포함한 HTML 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.