JavaScript - 문제 미리보기
문제 751
hard
동적 HTML 테이블 생성에 대한 문제입니다.
다음 코드에서 XML 데이터로 HTML 테이블을 동적으로 생성할 때 빈칸에 들어갈 코드는?
```javascript
function myFunction(xml) {
const xmlDoc = xml.responseXML;
const x = xmlDoc.getElementsByTagName("CD");
let table = "Artist Title ";
for (let i = 0; i < x.length; i++) {
table += "" +
_____________ +
" " +
_____________ +
" ";
}
document.getElementById("demo").innerHTML = table;
}
```
정답: C
XML에서 각 CD 요소의 ARTIST와 TITLE 값을 가져오려면 `getElementsByTagName()`으로 해당 요소를 찾고, `childNodes[0].nodeValue`로 텍스트 값을 추출해야 합니다. 반복문에서 `x[i]`는 각 CD 요소를 나타내므로, 그 안에서 다시 `getElementsByTagName()`을 사용하여 자식 요소들을 찾아야 합니다. 이 방식으로 XML 데이터를 HTML 테이블 형태로 변환할 수 있습니다.
💡 학습 팁
이 문제를 포함한 JavaScript 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.