HTML 형식의 XML 형식 파일을 읽고 해당 내용을 모두 HTML 페이지에 표시할 수 있습니다. 즉, 태그 내용을 표시하고 태그 자체를 표시할 수 있습니다.
다음 예에서는 XML 파일("cd_catalog.xml")을 연 다음 각 CD 요소를 반복하고 HTML 테이블에 ARTIST 요소와 TITLE 요소의 값을 표시합니다.
<html>
<본문>
<스크립트>
if(window.XMLHttpRequest)
{// IE7+, Firefox, Chrome, Opera, Safari용 코드
xmlhttp=새 XMLHttpRequest();
}
또 다른
{// IE6, IE5용 코드
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","cd_catalog.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.write("<테이블 테두리='1'>");
var x=xmlDoc.getElementsByTagName("CD");
(i=0;i<x.length;i++)에 대해
{
document.write("<tr><td>");
document.write(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
document.write("</td><td>");
document.write(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
document.write("</td></tr>");
}
document.write("</table>");
</script>
</body>
</html>
시도해 보세요 »
힌트:
CDATA 태그의 정보는 파서에 의해 그대로 애플리케이션에 전달되며 정보 세그먼트의 모든 제어 태그는 구문 분석되지 않습니다. CDATA 영역은 시작 표시로 "〈![CDATA[", 끝 표시로 "]]〉"로 표시됩니다.
CDATA 영역의 앞뒤 공백과 개행 문자도 전송됩니다(CDATA는 대문자입니다).
JavaScript 및 XML DOM 사용에 대해 자세히 알아보려면 XML DOM 튜토리얼을 방문하세요.