XML DOM 高級

獲取元素的值

下面的實例中使用的 XML 文件：books.xml。

下面的實例檢索第一個元素的文本值：</p> <p>實例</p> <p>txt=xmlDoc.getElementsByTagName(“title”)[0].childNodes[0].nodeValue;</p> <p><center> </center></p> <p>嘗試一下 ?</p> <p></p> <hr> <p>獲取屬性的值</p> <p>下面的實例檢索第一個 <title> 元素的 “lang” 屬性的文本值：</p> <p>實例</p> <p>txt=xmlDoc.getElementsByTagName(“title”)[0].getAttribute(“lang”);</p> <p>嘗試一下 ?</p> <p></p> <hr> <p>改變元素的值</p> <p>下面的實例改變第一個 <title> 元素的文本值：</p> <p>實例</p> <p>x=xmlDoc.getElementsByTagName(“title”)[0].childNodes[0];</p> <p><center> </center></p> <p>x.nodeValue=”Easy Cooking”;</p> <p>嘗試一下 ?</p> <p></p> <hr> <p>創建新的屬性</p> <p>XML DOM 的 setAttribute() 方法可用於改變現有的屬性值，或創建一個新的屬性。</p> <p>下面的實例創建了一個新的屬性（edition=”first”），然後把它添加到每一個 <book> 元素中：</p> <p>實例</p> <p>x=xmlDoc.getElementsByTagName(“book”);</p> <p>for(i=0;i<x.length;i++)</p> <p>{</p> <p>x[i].setAttribute(“edition”,”first”);</p> <p><center> </center></p> <p>}</p> <p>嘗試一下 ?</p> <p></p> <hr> <p>創建元素</p> <p>XML DOM 的 createElement() 方法創建一個新的元素節點。</p> <p>XML DOM 的 createTextNode() 方法創建一個新的文本節點。</p> <p>XML DOM 的 appendChild() 方法向節點添加子節點（在最後一個子節點之後）。</p> <p>如需創建帶有文本內容的新元素，需要同時創建元一個新的元素節點和一個新的文本節點，然後把他追加到現有的節點。</p> <p>下面的實例創建了一個新的元素（<edition>），帶有如下文本：First，然後把它添加到第一個 <book> 元素：</p> <p>實例</p> <p>newel=xmlDoc.createElement(“edition”);</p> <p><center> </center></p> <p>newtext=xmlDoc.createTextNode(“First”);</p> <p>newel.appendChild(newtext);</p> <p>x=xmlDoc.getElementsByTagName(“book”);</p> <p>x[0].appendChild(newel);</p> <p><img img_width="1280" img_height="852" alt="XML DOM 高級" src="http://i1.wp.com/p3.pstatp.com/large/pgc-image/15241147506382844e90f80"></p> <p>實例解釋</p> <ul class=" list-paddingleft-2" readability="1"> <li readability="-1"> <p>創建一個 <edition> 元素</p> </li> <li readability="-1"> <p>創建值為 “First” 的文本節點</p> </li> <li readability="-1"> <p>把這個文本節點追加到新的 <edition> 元素</p> </li> <li readability="-1"> <p>把 <edition> 元素追加到第一個 <book> 元素</p> <p><center> </center> </li> </ul> <hr> <p>刪除元素</p> <p>下面的實例刪除第一個 <book> 元素的第一個節點：</p> <p>實例</p> <p>x=xmlDoc.getElementsByTagName(“book”)[0];</p> <p>x.removeChild(x.childNodes[0]);</p> <p>嘗試一下 ?</p> <p><strong>注釋：</strong>上面實例的結果可能會根據所用的瀏覽器而不同。Firefox 把新行字元當作空的文本節點，而 Internet Explorer 不是這樣。您可以在我們的 XML DOM 教程中閱讀到更多有關這個問題以及如何避免它的知識。</p> <p><center>喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！<br /><a href="http://www.facebook.com/sharer.php?u=http://www.ifuun.com/a2018042012240054/" target="_blank"><img src="https://pic.pimg.tw/zzuyanan/1488615166-1259157397.png"></a></center><br /><center>本站內容充實豐富，博大精深，小編精選每日熱門資訊，隨時更新，點擊<a target="_blank" href="http://www.ifuun.com/today/">「搶先收到最新資訊」</a>瀏覽吧！</center><br /><center><a href="http://line.naver.jp/R/msg/text/?XML%20DOM%20%E9%AB%98%E7%B4%9A%0D%0Ahttp://www.ifuun.com/a201842012240054/"><img src="https://pic.pimg.tw/zzuyanan/1482887990-2595557020.jpg"></a></center><br /><center><span><i class="fa fa-paper-plane"></i></span> 請您繼續閱讀更多來自 <a class="bdcs-inlinelink" target="_blank" href="http://www.ifuun.com/tag/%E7%A8%8B%E5%BA%8F%E5%93%A1%E5%B0%8F%E6%96%B0%E4%BA%BA%E5%AD%B8%E7%BF%92/"><b>程序員小新人學習</b></a> 的精彩文章:</center></div> <p>※<a target="_blank" href="http://www.ifuun.com/a2018040311664634/">SQLite 創建資料庫</a><br />※<a target="_blank" href="http://www.ifuun.com/a2018041512067588/">ionic 平台</a></p> <p>TAG:<a target="_blank" href="http://www.ifuun.com/tag/%E7%A8%8B%E5%BA%8F%E5%93%A1%E5%B0%8F%E6%96%B0%E4%BA%BA%E5%AD%B8%E7%BF%92/">程序員小新人學習</a> | </p> <p> </p> <p> </div> </div> </article> <div class="post-copyright">如有侵權請來信告知：<a href="https://www.kubonews.com">酷播亮新聞</a> » <a href="https://www.kubonews.com/2018042014005.html">XML DOM 高級</a></div> <div class="action-share"></div> <div class="article-tags"></div> <nav class="article-nav"> <span class="article-nav-prev">上一篇<br><a href="https://www.kubonews.com/2018042014002.html" rel="prev">伺服器上的 XML</a></span> <span class="article-nav-next">下一篇<br><a href="https://www.kubonews.com/2018042014007.html" rel="next">為看袋鼠跑跳福州動物園遊客扔石頭砸袋鼠致1 死1傷【視頻】</a></span> </nav> <div class="relates"><div class="title"><h3>相關推薦</h3></div><ul><li><a href="https://www.kubonews.com/2019051844071.html">梁山108好漢，大多浪得虛名，只有這四個，才稱的上英雄好漢</a></li><li><a href="https://www.kubonews.com/2019051844069.html">這種花，號稱“開花機器”，一開就停不下來，蹭蹭開成一面花墻！</a></li><li><a href="https://www.kubonews.com/2019051844067.html">八角泡進白酒，解決家庭小難題，快學起來</a></li><li><a href="https://www.kubonews.com/2019051844065.html">秦可卿為何要把寶玉領到自己房中午睡？</a></li><li><a href="https://www.kubonews.com/2019051844063.html">如何才能練好寫字水平呢？</a></li><li><a href="https://www.kubonews.com/2019051844061.html">“我家貓咪彎起小爪爪的樣子實在是太可愛惹！給你們看看鴨！”</a></li><li><a href="https://www.kubonews.com/2019051844059.html">戀愛后的顧茜茜，摘下唇釘畫風大變，網友：這還是那個大哥嗎？</a></li><li><a href="https://www.kubonews.com/2019051844057.html">俗語：“飽暖思淫欲”，其實下句才是精華，道盡現實人性！</a></li></ul></div> </div> </div> <aside class="sidebar"> <div class="widget widget_ui_posts"><h3>網友推薦</h3><ul><li><a href="https://www.kubonews.com/2018060720487.html"><span class="thumbnail"><img data-src="https://www.kubonews.com/wp-content/uploads/2018/06/362a5e3b00a409c686a9bda458f98bbd-220x150.png" alt="看手機次數太多庫克坦言用iPhone也上癮-酷播亮新聞" src="https://www.kubonews.com/wp-content/themes/dux/img/thumbnail.png" class="thumb"></span><span class="text">看手機次數太多庫克坦言用iPhone也上癮</span><span class="muted">2018-06-07</span></a></li> <li><a href="https://www.kubonews.com/2018061921923.html"><span class="thumbnail"><img data-src="https://www.kubonews.com/wp-content/uploads/2018/06/bb60c885be46e0856abd756a1db29862-220x150.jpeg" alt="牆面返潮發霉怎麼處理牆面返潮發霉兩大原因-酷播亮新聞" src="https://www.kubonews.com/wp-content/themes/dux/img/thumbnail.png" class="thumb"></span><span class="text">牆面返潮發霉怎麼處理牆面返潮發霉兩大原因</span><span class="muted">2018-06-19</span></a></li> <li><a href="https://www.kubonews.com/2019012742778.html"><span class="thumbnail"><img data-src="https://www.kubonews.com/wp-content/uploads/2019/01/04a23bb707bd0f816b2d96bf0945ff83-220x150.jpeg" alt="DeWitt 美術館系列HOUR PLANET 腕錶-酷播亮新聞" src="https://www.kubonews.com/wp-content/themes/dux/img/thumbnail.png" class="thumb"></span><span class="text">DeWitt 美術館系列HOUR PLANET 腕錶</span><span class="muted">2019-01-27</span></a></li> <li><a href="https://www.kubonews.com/2018102635294.html"><span class="thumbnail"><img data-src="https://www.kubonews.com/wp-content/uploads/2018/10/81852588b0c33b6e8f19639e7b918696-220x150.jpeg" alt="《你遲到的許多年》大結局：沐劍峰莫莉舉辦婚禮，趙益勤攜子祝福-酷播亮新聞" src="https://www.kubonews.com/wp-content/themes/dux/img/thumbnail.png" class="thumb"></span><span class="text">《你遲到的許多年》大結局：沐劍峰莫莉舉辦婚禮，趙益勤攜子祝福</span><span class="muted">2018-10-26</span></a></li> <li><a href="https://www.kubonews.com/2018111537248.html"><span class="thumbnail"><img data-src="https://www.kubonews.com/wp-content/uploads/2018/11/ba9f81a0e03da5063c66aea2d3e5656b-220x150.jpeg" alt="日本藝術家將貓咪的奇怪造型製作成陶瓷玩偶，這畫風太搞笑了！-酷播亮新聞" src="https://www.kubonews.com/wp-content/themes/dux/img/thumbnail.png" class="thumb"></span><span class="text">日本藝術家將貓咪的奇怪造型製作成陶瓷玩偶，這畫風太搞笑了！</span><span class="muted">2018-11-15</span></a></li> </ul></div></aside></section>  <footer class="footer"> <div class="container"> <p>© 2024 <a href="https://www.kubonews.com">酷播亮新聞</a> <a href="#">網站首頁</a> <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1271625932'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1271625932%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>  <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1481847278737937'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1481847278737937&ev=PageView&noscript=1" /></noscript>  <a href="https://www.johncare.com.tw/">廣仁堂中醫</a> <a href="http://loseweight.guarhetcm.com/">減重門診</a> <a href="https://www.carbon-cnc.com/">CNC</a> <a href="https://blog.obodo.com.tw/mother-classroom/">媽媽教室</a> <a href="https://www.deryou-tw.com">鞋墊代工</a> <a href="https://www.kolseotitan.com/">蘋果粉點點讚</a> <a href="https://cnbtechnology.net/">雷射切割機</a> <a href="https://www.lewisbass.com.tw/">lewisbass</a> <a href="https://www.aricajpshop.com/">日本代購推薦</a> <a href="https://www.bhecweb.com/">醫美診所推薦</a></p> </div> </footer>  <script> window.jsui={ www: 'https://www.kubonews.com', uri: 'https://www.kubonews.com/wp-content/themes/dux', ver: '2.0', roll: ["1","2"], ajaxpager: '0', url_rp: '' }; </script> <script type='text/javascript' src='https://www.kubonews.com/wp-content/themes/dux/js/libs/bootstrap.min.js?ver=2.0'></script> <script type='text/javascript' src='https://www.kubonews.com/wp-content/themes/dux/js/loader.js?ver=2.0'></script> <script type='text/javascript' src='https://www.kubonews.com/wp-includes/js/wp-embed.min.js?ver=4.8.25'></script> <script type='text/javascript'> /* <![CDATA[ */ var fifuImageVars = {"fifu_lazy":"","fifu_woo_lbox_enabled":"1","fifu_woo_zoom":"inline","fifu_is_product":"","fifu_is_flatsome_active":"","fifu_rest_url":"https:\/\/www.kubonews.com\/wp-json\/","fifu_nonce":"7653ae2d0e"}; /* ]]> */ </script> <script type='text/javascript' src='https://www.kubonews.com/wp-content/plugins/featured-image-from-url/includes/html/js/image.js?ver=4.2.3'></script> </body>  </html>