JavaScript - 문제 미리보기

문제 751

hard
동적 HTML 테이블 생성에 대한 문제입니다. 다음 코드에서 XML 데이터로 HTML 테이블을 동적으로 생성할 때 빈칸에 들어갈 코드는? ```javascript function myFunction(xml) { const xmlDoc = xml.responseXML; const x = xmlDoc.getElementsByTagName("CD"); let table = "ArtistTitle"; for (let i = 0; i < x.length; i++) { table += "" + _____________ + "" + _____________ + ""; } document.getElementById("demo").innerHTML = table; } ```
A. `x[i].ARTIST`, `x[i].TITLE`
B. `x[i].getElementsByTagName("ARTIST")[0].value`, `x[i].getElementsByTagName("TITLE")[0].value`
C. `x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue`, `x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue`
D. `x[i].getElementsByTagName("ARTIST").innerHTML`, `x[i].getElementsByTagName("TITLE").innerHTML`

정답: C

XML에서 각 CD 요소의 ARTIST와 TITLE 값을 가져오려면 `getElementsByTagName()`으로 해당 요소를 찾고, `childNodes[0].nodeValue`로 텍스트 값을 추출해야 합니다. 반복문에서 `x[i]`는 각 CD 요소를 나타내므로, 그 안에서 다시 `getElementsByTagName()`을 사용하여 자식 요소들을 찾아야 합니다. 이 방식으로 XML 데이터를 HTML 테이블 형태로 변환할 수 있습니다.

💡 학습 팁

이 문제를 포함한 JavaScript 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.