eXtensible Markup 언어 (XML)는 당신이 에 대해 많이 듣고 그 언어 중 하나입니다, 일반적으로 최상급에서, 하지만 너무 많은 사람들이 정확히 그것이 무엇인지 확실하지 않다. 이 시점에서 넷스케이프 네비게이터와 인터넷 익스플로러는 W3C 문서 개체 모델(DOM)을 사용하여 자바스크립트와 XML을 완전히 연결하기 직전에 있습니다. HTML, 자바 스크립트 및 XML DOM이 동일한 개체 모델을 중심으로 형성되기 시작했기 때문에 JavaScript 및 HTML이 XML을 이해하여 어디로 향하고 있는지 더 잘 이해할 수 있습니다. 이 예제에서는 텍스트 문자열을 XML DOM 개체로 구문 분석하고 JavaScript: DOM을 노드 개체 집합으로 XML모델로 하여 정보를 추출합니다. 노드는 자바 스크립트 또는 다른 프로그래밍 언어로 액세스 할 수 있습니다. 이 튜토리얼에서 우리는 자바 스크립트를 사용합니다. 이 예제는 HTML 문서의 첫 번째 요소의 값을 변경합니다:

이 예제에서는 문자열의 XML 조각을 DOMParser를 사용하여 DOM 트리로 변환합니다. 주제를 참조하십시오. 내부 XML, 스티븐 홀즈너에 의해 (새로운 라이더, 2001), XML의 훌륭한 소스이며 XML와 자바 스크립트를 사용하는 훌륭한 장을 가지고있다. Holzner씨의 책은 XML의 거의 모든 구석과 두개골을 들여다 보는 1000 페이지 가 넘는 페이지를 가지고 있으며, 살펴 볼 가치가 있습니다.

DOMParser는 자바 스크립트의 놀라운 클래스입니다. DOMParser는 HTML 또는 XML 문자열을 구문 분석하고 HTML 에서 새 HTML 문서를 만들 수 있습니다. 기본적으로 XML 문자열을 구문 분석하고 좋아하는 모든 DOM 함수를 사용하여 개체를 반복할 수 있습니다. 믿을 수 없어요! 예를 들어 보겠습니다. Microsoft는 Windows 플랫폼에서 플랫폼별 키워드를 사용하여 IE5+를 사용하여 XML 문서를 검사하는 한 가지 방법을 제공했습니다. NN6및 IE6가 모두 성숙함에 따라 XML로 작업하는 경우 XML을 로드하기 위해 별도의 모듈이 필요하지 않습니다. 따라서 Windows 플랫폼 및 IE5+ 브라우저로 제한되더라도 JavaScript를 사용하여 XML 파일에서 데이터를 가져와 화면에 표시하는 방법을 볼 수 있습니다. 아래 예제에서 사용되는 XML 파일은 books.xml입니다. xhr 개체의 responseXML 필드에 반환 되는 값XML XML 구문 분석 하 여 생성 된 문서입니다. 이 예제에서는 “books.xml”을 xmlDoc으로 읽고 books.xml에서 첫 번째 요소의 텍스트 값을 검색합니다. 이 문서에서는 웹 플랫폼에서 제공하는 개체를 살펴보고 XML을 직렬화하고 구문 분석하는 일반적인 작업을 쉽게 만듭니다.</p> <p>responseText 속성은 응답을 문자열로 반환합니다. DOM 트리 문서를 XML 텍스트로 직렬화하려면 XMLSerialize.serializeToString() : zillow API를 통해 찾고 있던 속성의 ZPID를 반환합니다. 결과적으로 docHTML은 문서 내용의 HTML을 포함하는 DOMString입니다. 즉, 요소의 내용입니다. . 이 xml 문자열을 DOM 문서로 구문 분석해 봅시다! 그런 다음 이 속성의 zpid를 가져올 수 있습니다. DOM은 문서에 액세스하고 조작하기 위한 표준을 정의합니다: DOM에 대한 프로그래밍 인터페이스는 설정된 표준 속성 및 메서드에 의해 정의됩니다. 자바 스크립트는 XML을 처리하는 멋진 내장 솔루션을 가지고 있음을 발견합니다. XML 문자열을 DOM 트리로 구문 분석하는 것은 올바른 느낌이며 매우 직관적입니다.</p> <p>즉, XML DOM은 XML 요소를 얻거나, 변경, 추가 또는 삭제하는 방법에 대한 표준입니다. XMLHttpRequest 개체에는 XML 파서가 내장되어 있습니다. 그러나 XML 문서에 액세스하려면 먼저 XML DOM 개체에 로드해야 합니다. 모든 최신 브라우저에는 텍스트를 XML DOM 개체로 변환할 수 있는 XML 파서가 내장되어 있습니다. </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>