XML DOM
XML DOM
DOM이란 무엇입니까?
DOM은 문서에 액세스하고 조작하기 위한 표준을 정의합니다.
HTML DOM은 HTML 문서에 액세스하고 조작하는 표준 방법을 정의합니다. HTML 문서를 트리 구조로 표시합니다.
XML DOM은 XML 문서에 액세스하고 조작하기 위한 표준 방법을 정의합니다. XML 문서를 트리 구조로 표시합니다.
DOM을 이해하는 것은 HTML이나 XML로 작업하는 모든 사람에게 필수입니다.
HTML DOM
모든 HTML 요소는 HTML DOM을 통해 액세스할 수 있습니다.
이 예는 id="demo"인 HTML 요소의 값을 변경합니다.
예시
<h1 id="demo">This is a Heading</h1>
<button type="button"
onclick="document.getElementById('demo').innerHTML =
'Hello World!'">Click Me!
</button>
JavaScript 튜토리얼 에서 HTML DOM에 대해 더 많이 배울 수 있습니다 .
XML DOM
모든 XML 요소는 XML DOM을 통해 액세스할 수 있습니다.
Books.xml
<?xml version="1.0" encoding="UTF-8"?>
<bookstore>
<book category="cooking">
<title lang="en">Everyday
Italian</title>
<author>Giada De Laurentiis</author>
<year>2005</year>
<price>30.00</price>
</book>
<book category="children">
<title lang="en">Harry
Potter</title>
<author>J K. Rowling</author>
<year>2005</year>
<price>29.99</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>Everyday
Italian</title>" +
"<author>Giada De Laurentiis</author>" +
"<year>2005</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에 대해 더 많이 배울 것 입니다.