반응형
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<p id='demo'></p>
<script type="text/javascript">
//xml 예시
let xmltext = "<bookstore>" +
"<book>" +
"<title>탈무드</title>" +
"<author>man</author>" +
"<year>2001</year>" +
"</book>" +
"<book>" +
"<title>이솝이야기</title>" +
"<author>woman</author>" +
"<year>2004</year>" +
"</book>" +
"</bookstore>";
let parser, xmlDoc;
parser = new DOMParser();
xmlDoc = parser.parseFromString(xmltext, "text/html"); // String -> xml 만들어주는 과정
//alert(xmlDoc);
document.getElementById('demo').innerHTML
//= xmlDoc.getElementsByTagName('book')[0].childNodes[0].nodeName; //title
//= xmlDoc.getElementsByTagName('book')[0].childNodes[1].nodeName; //author
//= xmlDoc.getElementsByTagName('book')[0].childNodes[0].childNodes[0].nodeValue; //탈무드
//= xmlDoc.getElementsByTagName('book').length; // 2
= xmlDoc.getElementsByTagName('book')[0].childNodes.length; //3 title, author, year
//parsing을 통해서 값을 얻어 올 수 있다.
</script>
</body>
</html>참고 : https://developer.mozilla.org/ko/docs/Web/API/DOMParser
반응형
'dev > JavaScript' 카테고리의 다른 글
| [JavaScript] JavaScript JSON Parsing ( new XMLHttpRequest() ) (0) | 2021.06.09 |
|---|---|
| [JavaScript] JavaScript XML Parsing ( new XMLHttpRequest() ) (0) | 2021.06.08 |
| [JavaScript] getElements.ByTagName()를 사용한 nodeList 실습 (0) | 2021.06.08 |
| [JavaScript] DOM이란? JavaScript로 html 태그 추가(JavaScript를 사용해 DOM에 새로운 노드 추가, childNodes) (0) | 2021.06.08 |
| [JavaScript]이벤트 리스너(event listener) (0) | 2021.06.07 |