728x90
parseFromString() 메소드를 통해 문자열을 xml 형식으로 바꾸어 준 뒤, 이를 xmlDoc에 저장합니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<p id = "demo">p tag</p>
<script type="text/javascript">
let xmltext = "<bookstore>" + /* root */
"<book>"+ /* node */
"<title>탈무드</title>"+
"<author>man</author>"+
"<year>2001</year>" +
"</book>"+
"<book>"+ /* node */
"<title>이솝이야기</title>"+
"<author>woman</author>"+
"<year>2004</year>" +
"</book>"+
"</bookstore>" ;
//alert(xmltext);이건아직 xml되지못했다
let parser, xmlDoc;
parser = new DOMParser();
xmlDoc = parser.parseFromString(xmltext, "text/html");
alert(xmlDoc);//여기서 xml 진행
document.getElementById("demo").innerHTML
//= xmlDoc.getElementsByTagName("book")[0].childNodes[0].nodeName;//이렇게하면 타이틀로 나온다 setter
//= 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 //북안에있는 태그 수
</script>
</body>
</html>위코드실행시 html 3 실행
728x90
'HTML' 카테고리의 다른 글
| 39일차//JSON// JSON 구조 문법 + 실습 (0) | 2021.03.09 |
|---|---|
| 39일차//XML// 🧶3. xml 파일을 생성해 데이터작성 후 불러오기 (0) | 2021.03.09 |
| 39일차//XML// 🧶1. XMLHttpRequest() xml파일을 읽어 문서를 불러온다. (0) | 2021.03.09 |
| 39일차//XML// XML 시작 구조 (0) | 2021.03.09 |
| 39일차//XML// XML 실습1 (노드로 접근) (0) | 2021.03.09 |
