[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
  • 링크

  • 공지사항

  • 인기 글

  • 태그

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

  • 최근 글

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

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.