자바스크립트 xml 파싱 예제

Microsoft는 Windows 플랫폼에서 플랫폼별 키워드를 사용하여 IE5+를 사용하여 XML 문서를 검사하는 한 가지 방법을 제공했습니다. NN6및 IE6가 모두 성숙함에 따라 XML로 작업하는 경우 XML을 로드하기 위해 별도의 모듈이 필요하지 않습니다. 따라서 Windows 플랫폼 및 IE5+ 브라우저로 제한되더라도 JavaScript를 사용하여 XML 파일에서 데이터를 가져와 화면에 표시하는 방법을 볼 수 있습니다. 이 예제에서는 HTML 문서의 첫 번째 요소의 값을 변경합니다.

DOMParser는 HTML 또는 XML 문자열을 구문 분석하고 HTML 에서 새 HTML 문서를 만들 수 있습니다. 기본적으로 XML 문자열을 구문 분석하고 좋아하는 모든 DOM 함수를 사용하여 개체를 반복할 수 있습니다. 믿을 수 없어요! 예를 들어 보겠습니다. 이 예제에서는 xmlDoc에 „books.xml“을 읽고 books.xml에서 첫 번째 요소의 텍스트 값을 검색합니다. 그것이 무엇인지 정확히 확신합니다. 이 시점에서 넷스케이프 네비게이터와 인터넷 익스플로러는 W3C 문서 개체 모델(DOM)을 사용하여 자바스크립트와 XML을 완전히 연결하기 직전에 있습니다. HTML, 자바 스크립트 및 XML DOM이 동일한 개체 모델을 중심으로 형성되기 시작했기 때문에 JavaScript 및 HTML이 XML을 이해하여 어디로 향하고 있는지 더 잘 이해할 수 있습니다. xhr 개체의 responseXML 필드에 반환 되는 값XML XML 구문 분석 하 여 생성 된 문서입니다. 아래 예제에서 사용되는 XML 파일은 books.xml입니다.</p> <p>이 예제에서는 문자열의 XML 조각을 DOMParser: DOM 모델 XML을 노드 개체 집합으로 사용하여 DOM 트리로 변환합니다. 노드는 자바 스크립트 또는 다른 프로그래밍 언어로 액세스 할 수 있습니다. 이 튜토리얼에서 우리는 자바 스크립트를 사용합니다. 이 예제에서는 텍스트 문자열을 XML DOM 개체로 구문 분석하고 JavaScript를 통해 정보를 추출합니다. 내부 XML, 스티븐 홀즈너에 의해 (새로운 라이더, 2001), XML의 훌륭한 소스이며 XML와 자바 스크립트를 사용하는 훌륭한 장을 가지고있다. Holzner씨의 책은 XML의 거의 모든 구석과 두개골을 들여다 보는 1000 페이지 가 넘는 페이지를 가지고 있으며, 살펴 볼 가치가 있습니다. 경우에 따라 XML 콘텐츠를 구문 분석하여 DOM 트리로 변환하거나 반대로 기존 DOM 트리를 XML로 직렬화해야 할 수 있습니다. 이 문서에서는 웹 플랫폼에서 제공하는 개체를 살펴보고 XML을 직렬화하고 구문 분석하는 일반적인 작업을 쉽게 만듭니다.</p> <p>. Home > 기사 > 웹 디자인 및 개발 > PHP / MySQL / 스크립팅 . 월스트리트에서 일하는 주식 중개인을 본 적이 있다면 여러 대의 컴퓨터와 모니터가 있다는 것을 알았을 것입니다. 실제로 다른 데이터베이스가 서로 다른 독점 시스템을 통해 전송되는 것을 볼 수 있습니다. XML은 각 데이터베이스에 대해 서로 다른 시스템을 필요로 하는 대신 모든 데이터베이스를 올바른 브라우저를 사용하는 모든 컴퓨터에서 읽을 수 있는 형식으로 배치할 수 있습니다. 이 시점에서 XML은 브라우저보다 앞서 있습니다. 문서가 주어지면 XML Serializeizer.serializeToString() 메서드를 사용하여 문서의 DOM 트리를 XML로 다시 직렬화할 수 있습니다. DOM은 문서에 액세스하고 조작하기 위한 표준을 정의합니다: 모든 주요 브라우저에는 XML에 액세스하고 조작할 수 있는 XML 파서가 내장되어 있습니다. 받은 편지함으로 바로 전달되는 MDN의 최신 및 최고의 소식을 받아보세요. 이 xml 문자열을 DOM 문서로 구문 분석해 봅시다! 그런 다음 이 속성의 zpid를 가져올 수 있습니다.</p></p> </div><!-- .entry-content --> <div class="entry-utility"> </div><!-- .entry-utility --> </div><!-- #post-## --> <div id="comments"> <p class="nocomments">Komentáře nejsou povoleny.</p> </div><!-- #comments --> </div><!-- #content --> </div><!-- #container --> <div id="primary" class="widget-area" role="complementary"> <ul class="xoxo"> <div class="execphp-2"><div class="widget_head"></div><div class="widget_obsah"><li id="execphp-2" class="widget-container widget_execphp"><div class="bg_h3_nav"><h3 class="widget-title">Menu</h3></div> <div class="execphpwidget"><!-- WP Menubar 5.4: start menu menu, template Superfish, CSS --> <script type="text/javascript"> // <![CDATA[ jQuery(document).ready(function($) { $("ul.Superfish").superfish ({ hoverClass: "wpm-hover", delay: 500, animation: {opacity:"show"}, speed: "slow", autoArrows: true, dropShadows: true, disableHI: true }); }); // ]]> </script> <div class="Superfish-wrap"> <ul class="Superfish"><li><a href="http://www.ceskycestovatel.cz" >Hlavní stránka</a></li><li><a href="" >Letem světem</a></li><li><a href="" ></a></li><li><a href="" ></a></li><li><a href="" ></a></li><li><a href="" ></a></li><li><a href="" ></a><ul><li><a href="" ></a></li><li><a href="" ></a></li></ul></li><li><a href="" ></a></li><li><a href="" ></a></li><li><a href="" ></a></li><li><a href="" ></a><ul><li><a href="" ></a></li><li><a href="" ></a></li><li><a href="" ></a></li></ul></li><li><a href="" ></a><ul><li><a href="" ></a></li><li><a href="" ></a></li></ul></li><li><a href="" ></a><ul><li><a href="" ></a></li><li><a href="" ></a></li></ul></li><li><a href="" ></a><ul><li><a href="" ></a></li><li><a href="" ></a></li></ul></li><li><a href="" ></a><ul><li><a href="" ></a></li><li><a href="" ></a></li></ul></li><li><a href="" ></a><ul><li><a href="" ></a></li><li><a href="" ></a></li></ul></li><li><a href="" ></a><ul><li><a href="" ></a></li><li><a href="" ></a></li></ul></li><li><a href="" ></a><ul><li><a href="" ></a></li><li><a href="" ></a></li></ul></li><li><a href="" ></a></li></ul> </div> <div class="Superfish-after"></div> <!-- WP Menubar 5.4: end menu menu, template Superfish, CSS --> </div> </li></div><div class="widget_footer"></div></div><div class="execphp-3"><div class="widget_head"></div><div class="widget_obsah"><li id="execphp-3" class="widget-container widget_execphp"><div class="bg_h3_nav"><h3 class="widget-title">E-Shop</h3></div> <div class="execphpwidget"><!-- WP Menubar 5.4: start menu eshop, template Superfish, CSS --> <script type="text/javascript"> // <![CDATA[ jQuery(document).ready(function($) { $("ul.Superfish").superfish ({ hoverClass: "wpm-hover", delay: 500, animation: {opacity:"show"}, speed: "slow", autoArrows: true, dropShadows: true, disableHI: true }); }); // ]]> </script> <div class="Superfish-wrap"> <ul class="Superfish"><li><a href="http://www.ceskycestovatel.cz/%ec%9e%90%eb%b0%94%ec%8a%a4%ed%81%ac%eb%a6%bd%ed%8a%b8-xml-%ed%8c%8c%ec%8b%b1-%ec%98%88%ec%a0%9c/" >Eshop</a><ul><li><a href="http://www.ceskycestovatel.cz/%ec%9e%90%eb%b0%94%ec%8a%a4%ed%81%ac%eb%a6%bd%ed%8a%b8-xml-%ed%8c%8c%ec%8b%b1-%ec%98%88%ec%a0%9c/" ></a></li></ul></li><li><a href="" >Knihovnička</a></li><li><a href="http://www.ceskycestovatel.cz/%ec%9e%90%eb%b0%94%ec%8a%a4%ed%81%ac%eb%a6%bd%ed%8a%b8-xml-%ed%8c%8c%ec%8b%b1-%ec%98%88%ec%a0%9c/" ></a></li><li><a href="http://www.ceskycestovatel.cz/%ec%9e%90%eb%b0%94%ec%8a%a4%ed%81%ac%eb%a6%bd%ed%8a%b8-xml-%ed%8c%8c%ec%8b%b1-%ec%98%88%ec%a0%9c/" ></a></li></ul> </div> <div class="Superfish-after"></div> <!-- WP Menubar 5.4: end menu eshop, template Superfish, CSS --> </div> </li></div><div class="widget_footer"></div></div><div class="text-4"><div class="widget_head"></div><div class="widget_obsah"><li id="text-4" class="widget-container widget_text"> <div class="textwidget"><a href="http://www.ceskycestovatel.cz/obchod/" title="E-shop ceskycestovatel.cz"><img src="http://www.ceskycestovatel.cz/wp-content/uploads/2015/03/banner_svet_valka.jpg" alt="1. světová válka 1914-1918 na stránkách publikací CESKYCESTOVATEL.CZ" width="230"></a></div> </li></div><div class="widget_footer"></div></div><div class="text-5"><div class="widget_head"></div><div class="widget_obsah"><li id="text-5" class="widget-container widget_text"> <div class="textwidget"><a href="http://www.centrumdialog.cz/" title="Adopce afrických dětí - adopce na dálku"><img src="http://www.ceskycestovatel.cz/wp-content/uploads/2016/12/banner_310x970.jpg" alt="Adopce afrických dětí - adopce na dálku" width="230"></a> </div> </li></div><div class="widget_footer"></div></div> </ul> </div><!-- #primary .widget-area --> <script src="http://www.ceskycestovatel.cz/wp-content/plugins/shutter-reloaded//shutter-reloaded.js?ver=2.5" type="text/javascript"></script> <script type="text/javascript"> var shutterSettings = {"imgDir":"http:\/\/www.ceskycestovatel.cz\/wp-content\/plugins\/shutter-reloaded\/\/menu\/","imageCount":true,"FS":false,"textBtns":false,"oneSet":true}; try{shutterReloaded.init('sh');}catch(e){} </script> </div><!-- #main --> </div><!-- #wrapper --> <div id="footer" role="contentinfo"> <div id="colophon"> <div id="footer_obsah"> <div id="footer-widget-area" role="complementary"> <div id="first" class="widget-area"> <ul class="xoxo"> </ul> </div><!-- #first .widget-area --> <div id="second" class="widget-area"> <ul class="xoxo"> <li id="text-2" class="widget-container widget_text"><h3 class="widget-title">ceskycestovatel.cz</h3> <div class="textwidget">IČ: 12618624<br> Tel.: +420 724 393 184</div> </li> </ul> </div><!-- #second .widget-area --> </div><!-- #footer-widget-area --> </div> </div><!-- #colophon --> </div><!-- #footer --> <div id="site-generator"> 2012 © ceskycestovatel.cz | <a href="http://www.wpnet.cz" title="Webové stránky WordPress" rel="author">Tvorba webových stránek ve WordPressu - www.wpnet.cz</a> </div><!-- #site-generator --> <script type='text/javascript' src='http://www.ceskycestovatel.cz/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=2.0.13'></script> <script type='text/javascript' src='http://www.ceskycestovatel.cz/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.60'></script> <script type='text/javascript'> /* <![CDATA[ */ var woocommerce_params = {"countries":"[]","plugin_url":"http:\/\/www.ceskycestovatel.cz\/wp-content\/plugins\/woocommerce","ajax_url":"\/wp-admin\/admin-ajax.php","ajax_loader_url":"http:\/\/www.ceskycestovatel.cz\/wp-content\/plugins\/woocommerce\/assets\/images\/ajax-loader@2x.gif","i18n_select_state_text":"Zvolte mo\u017enost\u2026","i18n_required_rating_text":"Zvolte pros\u00edm hodnocen\u00ed","i18n_no_matching_variations_text":"Omlouv\u00e1me se, \u017e\u00e1dn\u00e9 produkty neodpov\u00eddaj\u00ed Va\u0161emu v\u00fdb\u011bru. Zvolte pros\u00edm jinou kombinaci.","i18n_required_text":"vy\u017eadov\u00e1no","i18n_view_cart":"Zobrazit ko\u0161\u00edk \u2192","review_rating_required":"yes","update_order_review_nonce":"72c37cb550","apply_coupon_nonce":"775eb5c94c","option_guest_checkout":"yes","checkout_url":"\/wp-admin\/admin-ajax.php?action=woocommerce-checkout","is_checkout":"0","update_shipping_method_nonce":"52ad674f45","cart_url":"","cart_redirect_after_add":"no"}; /* ]]> */ </script> <script type='text/javascript' src='http://www.ceskycestovatel.cz/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=2.0.13'></script> <script type='text/javascript' src='http://www.ceskycestovatel.cz/wp-content/plugins/woocommerce/assets/js/jquery-cookie/jquery.cookie.min.js?ver=1.3.1'></script> <script type='text/javascript' src='http://www.ceskycestovatel.cz/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=2.0.13'></script> <script type='text/javascript' src='http://www.ceskycestovatel.cz/wp-content/plugins/woocommerce/assets/js/jquery-placeholder/jquery.placeholder.min.js?ver=2.0.13'></script> </body> </html>