JavaScript - 문제 미리보기
문제 725
medium
다음 코드에서 빈칸에 들어갈 올바른 속성은?
```javascript
// h1 요소의 텍스트 내용을 가져오는 세 가지 방법
let title1 = document.getElementById("demo").innerHTML;
let title2 = document.getElementById("demo").firstChild.________;
let title3 = document.getElementById("demo").childNodes[0].________;
```
```javascript
// h1 요소의 텍스트 내용을 가져오는 세 가지 방법
let title1 = document.getElementById("demo").innerHTML;
let title2 = document.getElementById("demo").firstChild.________;
let title3 = document.getElementById("demo").childNodes[0].________;
```
정답: C
텍스트 노드의 값을 가져오려면 `nodeValue` 속성을 사용해야 합니다.
1. `innerHTML`: 요소의 HTML 내용을 반환 (요소 노드용)
2. `nodeValue`: 노드의 값을 반환
1) 요소 노드의 경우: null
2) 텍스트 노드의 경우: 텍스트 자체
3) 속성 노드의 경우: 속성 값
3. `firstChild`와 `childNodes[0]`는 첫 번째 자식 노드(텍스트 노드)를 가리키므로, 해당 텍스트 값을 얻으려면 `.nodeValue`를 사용해야 합니다.
1. `innerHTML`: 요소의 HTML 내용을 반환 (요소 노드용)
2. `nodeValue`: 노드의 값을 반환
1) 요소 노드의 경우: null
2) 텍스트 노드의 경우: 텍스트 자체
3) 속성 노드의 경우: 속성 값
3. `firstChild`와 `childNodes[0]`는 첫 번째 자식 노드(텍스트 노드)를 가리키므로, 해당 텍스트 값을 얻으려면 `.nodeValue`를 사용해야 합니다.
💡 학습 팁
이 문제를 포함한 JavaScript 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.