이 예제에서는 “books.xml”을 xmlDoc으로 읽고 books.xml에서 첫 번째 요소의 텍스트 값을 검색합니다. 또는 반대로 기존 DOM 트리를 XML로 직렬화합니다. 이 문서에서는 웹 플랫폼에서 제공하는 개체를 살펴보고 XML을 직렬화하고 구문 분석하는 일반적인 작업을 쉽게 만듭니다. DOMParser는 자바 스크립트의 놀라운 클래스입니다. DOMParser는 HTML 또는 XML 문자열을 구문 분석하고 HTML 에서 새 HTML 문서를 만들 수 있습니다. 기본적으로 XML 문자열을 구문 분석하고 좋아하는 모든 DOM 함수를 사용하여 개체를 반복할 수 있습니다. 믿을 수 없어요! 예를 들어 보겠습니다. xhr 개체의 responseXML 필드에 반환 되는 값XML XML 구문 분석 하 여 생성 된 문서입니다. 이 예제에서는 HTML 문서의 첫 번째 요소 의 값을 변경합니다:<br /> <h1>아래 예제에서 사용된 XML 파일은 books.xml입니다. 이 예제에서는 텍스트 문자열을 XML DOM 개체로 구문 분석하고 JavaScript를 통해 정보를 추출합니다.</p> <p>DOM 트리 문서를 XML 텍스트로 직렬화하려면 XML Serializeizer.serializeToString(): 록 스타 개발자로서 XML API를 처리한 적이 없습니다. “잠깐, 이것은 JSON API 사양을 준수하지 않습니까?” 당신은 불신에 자신을 물어. 친구도 아니야, 이게 현실 세계입니다. 현실 세계에서, 아무도 당신에 대해 걱정하지 않습니다. 아무도 당신의 손을 잡고 당신에게 모든 것이 괜찮을 것이라고 말한다. 아무도 당신의 청구서를 지불 하지 않을, 당신의 커피를 만들, 당신이 잠을 바위 와 당신이 전체 학교에서 가장 예쁜 개발자. 문서가 주어지면 XML Serializeizer.serializeToString() 메서드를 사용하여 문서의 DOM 트리를 XML로 다시 직렬화할 수 있습니다. DOM은 XML을 노드 개체 집합으로 모델합니다. 노드는 자바 스크립트 또는 다른 프로그래밍 언어로 액세스 할 수 있습니다.</p> <p>이 튜토리얼에서 우리는 자바 스크립트를 사용합니다. 모든 주요 브라우저에는 XML에 액세스하고 조작할 수 있는 XML 파서가 내장되어 있습니다. 이 코드로 및 해당 하위 항목에 해당하는 HTML을 얻을 수 있습니다: 다음은 URL 주소 지정 가능한 XML 파일을 읽고 구문 분석하는 샘플 코드입니다. 이전 버전의 Internet Explorer를 처리하려면 브라우저가 DOMParser 개체를 지원하는지 확인하거나 ActiveXObject를 만들수 있습니다: DOM이 HTML 문서인 경우 serializeToString()를 사용하여 직렬화할 수 있지만 더 간단한 옵션이 있습니다. Element.innerHTML 속성(지정된 노드의 하위 항목만 원하는 경우) 또는 Node 및 모든 하위 항목을 원하는 경우 Element.outerHTML 속성입니다. </p> </div><!-- .entry --> <footer class="entry-footer"> </footer><!-- .entry-footer --> </article> </div><!-- #content --> </div><!-- #primary --> <div id="footer-wrap" class="site-footer clr"> <div id="footer" class="clr"> <div id="footer-widgets" class="clr"> <div class="footer-box span_1_of_3 col col-1"> <div class="footer-widget widget_text clr"><h6 class="widget-title"><span>Al basma Center</span></h6> <div class="textwidget"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris viverra ac tortor vel eleifend. Etiam vel orci dui. Mauris rhoncus feugiat nisi sed vulputate. Aliquam lectus augue, volutpat sollicitudin nunc malesuada, tincidunt pellentesque tortor. Cras iaculis</p> </div> </div> </div><!-- .footer-box --> <div class="footer-box span_1_of_3 col col-2"> </div><!-- .footer-box --> <div class="footer-box span_1_of_3 col col-3"> </div><!-- .footer-box --> </div><!-- #footer-widgets --> </div><!-- #footer --> </div><!-- #footer-wrap --> </div><!-- #main-content --> <footer id="copyright-wrap" class="clear"> <div id="copyright" role="contentinfo" class="clr"> Bizz <a href="http://www.wordpress.org" title="WordPress" target="_blank">WordPress</a> Theme Designed & Developed by <a href="http://themeforest.net/user/WPExplorer?ref=WPExplorer" target="_blank" title="WPExplorer">WPExplorer</a> </div><!-- #copyright --> </footer><!-- #footer-wrap --> </div><!-- #wrap --> <div id="mobile-search"> <form method="get" action="http://albasmacenter.com/" role="search" id="mobile-search-form"> <input type="search" class="field" name="s" value="" placeholder="To search type and hit enter" /> </form> </div> <script type='text/javascript' src='http://s0.wp.com/wp-content/js/devicepx-jetpack.js?ver=201951'></script> <script type='text/javascript' src='http://albasmacenter.com/wp-content/themes/wpex-bizz/js/plugins.js?ver=1.7.5'></script> <script type='text/javascript' src='http://albasmacenter.com/wp-content/themes/wpex-bizz/js/global.js?ver=1.7.5'></script> </body> </html>