XML DOM
DOM(Document Object Model)은 문서에 액세스하고 조작하기 위한 표준 방법을 정의합니다.
XML DOM
XML DOM(XML 문서 개체 모델)은 XML 문서에 액세스하고 조작하는 표준 방법을 정의합니다.
XML DOM XML 문서를 트리 구조로 봅니다.
모든 요소는 DOM 트리를 통해 액세스할 수 있습니다. 해당 내용은 수정되거나 삭제될 수 있으며 새 요소가 생성될 수 있습니다. 요소, 해당 텍스트 및 속성은 모두 노드로 간주됩니다.
XML DOM 튜토리얼에서 XML DOM에 대해 자세히 알아볼 수 있습니다.
HTML DOM
HTML DOM은 HTML 문서에 액세스하고 조작하는 표준 방법을 정의합니다.
모든 HTML 요소는 HTML DOM을 통해 액세스할 수 있습니다.
HTML DOM 튜토리얼에서 HTML DOM에 대해 자세히 알아볼 수 있습니다. .
XML 파일 로드 - 크로스 브라우저 예제
아래 예제는 XML 문서("note.xml")를 XML DOM 객체로 구문 분석한 다음 JavaScript를 통해 일부를 추출합니다. 정보:
인스턴스
<html>
<body>
<h1>php.cn</h1>
<div>
<b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></span>
</div>
<script>
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","note.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
중요사항!
위 XML 파일("note.xml")의 <to> 요소에서 "Tove" 텍스트를 추출하려면 구문은 다음과 같습니다.
XML 파일에 <to> 요소가 하나만 포함된 경우에도 배열 인덱스 [0]을 지정해야 합니다. 이는 getElementsByTagName() 메서드가 배열을 반환하기 때문입니다.
XML 문자열 로드 - 크로스 브라우저 예
다음 예에서는 XML 문자열을 XML DOM 개체로 구문 분석한 다음 JavaScript를 통해 일부 정보를 추출합니다.
인스턴스
<html>
<body>
<h1>PHP.CN</h1>
<div>
<b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></span>
</div>
<script>
txt="<note>";
txt=txt+"<to>Tove</to>";
txt=txt+"<from>Jani</from>";
txt=txt+"<heading>Reminder</heading>";
txt=txt+"<body>Don't forget me this weekend!</body>";
txt=txt+"</note>";
if (window.DOMParser)
{
parser=new DOMParser();
xmlDoc=parser.parseFromString(txt,"text/xml");
}
else // Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.loadXML(txt);
}
document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
