XML DOM
DOM이 무엇인가요?
문서 객체 모델 (DOM)은 문서에 대한 접근 및 조작을 정의합니다：
“W3C 문서 객체 모델 (DOM)은 플랫폼과 언어와 관계없는 인터페이스로, 프로그램과 스크립트가 문서의 내용, 구조 및 스타일을 동적으로 접근하고 업데이트할 수 있도록 합니다.”
HTML DOM HTML 문서에 대한 접근 및 조작을 정의한 표준 방법을 정의했습니다. 이는 HTML 문서를 트리 구조로 표현합니다。
XML DOM XML 문서에 대한 접근 및 조작을 정의한 표준 방법을 정의했습니다. 이는 XML 문서를 트리 구조로 표현합니다。
HTML 또는 XML을 사용하는 모든 개발자에게 DOM을 이해하는 것은 필수입니다。
HTML DOM
모든 HTML 요소는 HTML DOM을 통해 접근할 수 있습니다。
아래 예제에서 id="demo"의 HTML 요소의 값을 변경합니다：
예제
<h1 id="demo">이는 제목입니다</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">
나를 클릭하세요!
</button>
우리의 JavaScript 강의에서 관련 내용을 배울 수 있습니다. HTML DOM 의 더 많은 정보.
XML DOM
모든 XML 요소는 XML DOM을 통해 접근할 수 있습니다.
Books.xml
<?xml version="1.0" encoding="UTF-8"?>
<bookstore>
<book category="food">
<title lang="zh">雅舍谈吃</title>
<author>梁实秋</author>
<year>2013</year>
<price>35</price>
</book>
<book category="children">
<title lang="zh">대단한狐狸爸爸</title>
<author>로尔德·달</author>
<year>2009</year>
<price>10.00</price>
</book>
</bookstore>
이 코드는 XML 문서 중 첫 번째 <title> 요소의 텍스트 값을 검색합니다:
예제
txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
XML DOM은 XML 요소를 얻고, 변경하고, 추가하고, 제거하는 방법에 대한 표준입니다.
이 예제는 텍스트 문자열을 XML DOM 객체에 로드하고, JavaScript를 사용하여 정보를 추출하는 방법을 설명합니다:
예제
<html>
<body>
<p id="demo"></p>
<script>
var text, parser, xmlDoc;
text = "<bookstore><book>" +
"<title>雅舍谈吃</title>" +
"<author>梁实秋</author>" +
"<year>2009</year>" +
"</book></bookstore>";
parser = new DOMParser();
xmlDoc = parser.parseFromString(text,"text/xml");
document.getElementById("demo").innerHTML =
xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
</script>
</body>
</html>
당신은 우리의 XML DOM 강의에서 다음을 배울 것입니다 XML DOM 의 더 많은 내용.
