[JavaScript] 문자열을 XML파일로 변환하기 (String / XML parsing)

2021. 6. 8. 20:26·프로그래밍 언어/JavaScript
반응형
<!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

반응형
저작자표시 (새창열림)

'프로그래밍 언어 > 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
'프로그래밍 언어/JavaScript' 카테고리의 다른 글
  • [JavaScript] JavaScript JSON Parsing ( new XMLHttpRequest() )
  • [JavaScript] JavaScript XML Parsing ( new XMLHttpRequest() )
  • [JavaScript] getElements.ByTagName()를 사용한 nodeList 실습
  • [JavaScript] DOM이란? JavaScript로 html 태그 추가(JavaScript를 사용해 DOM에 새로운 노드 추가, childNodes)
:j
:j
ddongjunn@gmail.com
  • :j
    dev.j
    :j
  • 전체
    오늘
    어제
    • :j
      • 프로그래밍 언어
        • Java
        • html
        • JavaScript
        • XML
        • JSON
        • CSS
        • jQuery
        • Web
        • k8s
        • JPA
      • 프레임워크
        • Spring
      • 코딩 테스트
        • Java
      • 네트워크
        • CCNA
      • 데이터베이스
        • Mssql
        • Oracle
      • 회고
      • :j story
      • CS
  • 블로그 메뉴

    • 홈
    • 태그
    • github
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    멤버변수
    class
    appendChild
    항해플러스
    Queue
    항해솔직후기
    group by
    오버라이딩
    HAVING
    다형성
    오버로딩
    항해플러스백엔드
    <br>
    항해백앤드
    항해플러스백앤드
    id
    Name
    지역변수
    MSSQL
    항해99
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
:j
[JavaScript] 문자열을 XML파일로 변환하기 (String / XML parsing)
상단으로

티스토리툴바