XML의 DOM
DOM (문서 객체 모델 문서 개체 모델) 문서에 액세스하고 조작하기위한 표준 방법을 정의합니다.
XML의 DOM
DOM XML (XML 문서 객체 모델)이 XML 문서를 액세스하고 조작하기위한 표준 방법을 정의한다.
트리 뷰와 XML DOM XML 문서.
모든 요소는 DOM 트리를 통해 액세스 할 수 있습니다. 수정하거나 내용을 삭제하고, 새로운 요소를 만들 수 있습니다. 요소들은 텍스트와 그 속성은 노드로 간주된다.
우리의에서 XML DOM 튜토리얼 , 당신은 XML의 DOM에 대해 자세히 알아볼 수 있습니다.
HTML DOM
DOM HTML은 HTML 문서를 액세스하고 조작하기위한 표준 방법을 정의한다.
모든 HTML 요소는 HTML DOM을 통해 액세스 할 수 있습니다.
우리에서 HTML DOM 튜토리얼 , 당신은 HTML DOM 지식에 대해 자세히 알아볼 수 있습니다. .
XML 파일을 로딩 - 크로스 브라우저 인스턴스
다음 예제 XML 문서 ( " note.xml은 ") 자바 스크립트를 통해 일부 정보를 추출하기 위해 다음의 XML DOM 객체를 구문 분석, 및하기 :
예
<body>
<h1>W3Schools Internal Note</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")의 상단에서 요소는 텍스트 "토베"을 추출의 경우, 구문은 다음과 같습니다
심지어 XML 파일이 하나의 요소 <을>이 포함되어 있습니다, 당신은 여전히 배열 인덱스를 지정해야합니다 [0]. getElementsByTagName () 메서드는 배열을 반환하기 때문입니다.
XML 문자열로드 - 크로스 브라우저 인스턴스
는 XML 문자열의 다음 예는 XML DOM 객체를 구문 분석 한 다음 자바 스크립트를 통해 일부 정보를 추출하기 :
예
<body>
<h1>W3Schools Internal Note</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>
»시도