Daftar Node DOM XML
getElementsByTagName() metode dan childNodes atribut dapat mengembalikan daftar node.
Daftar Node DOM
Ketika menggunakan childNodes atau getElementsByTagName() Ketika mengakses atribut atau metode, akan mengembalikan objek NodeList.
Objek NodeList mewakili daftar node, di mana urutannya sama dengan urutan di XML.
Node dalam daftar NodeList dapat diakses melalui indeks yang dimulai dari 0.
Gambar di bawah ini menunjukkan books.xml Daftar node elemen <title>:
Diperkirakan bahwa "books.xml" sudah diisi ke variabel xmlDoc.
Kode potongan ini mengembalikan daftar node elemen title di "books.xml":
x = xmlDoc.getElementsByTagName("title");
Setelah eksekusi pernyataan di atas, x menjadi objek NodeList.
以下代码片段返回节点列表 (x) 中第一个
元素的文本：</p>
<h3>Contoh</h3>
<pre class="language-js">
Bagian kode di bawah ini mengembalikan daftar node (x) teks elemen <title> pertama:
</pre>
<p class="tiy"><a target="_blank" href="/id/tiy/t.html?f=xml_dom_nodelist">Coba sendiri</a></p>
<p>var txt = x[0].childNodes[0].nodeValue;</p>
</section>
<section>
<h2>eksekusi pernyataan di atas, txt = "雅舍谈吃".</h2>
<p>panjang daftar node</p>
<p>objek NodeList akan tetap terbarui sendiri. Jika elemen dihapus atau ditambahkan, daftar akan otomatis diperbarui. <code>panjang</code> Daftar node</p>
<p>Atribut adalah jumlah node dalam daftar.</p>
<pre class="language-js">
Kode ini mengembalikan jumlah elemen <title> di "books.xml":
</pre>
<p>x = xmlDoc.getElementsByTagName('title').length;<code>Setelah eksekusi pernyataan di atas,</code> x</p>
<p>yang bernilai 5.</p>
<p>Panjang daftar node dapat digunakan untuk mengelilingi semua elemen dalam daftar. <code>panjang</code> perulangan atribut untuk mengelilingi daftar elemen <title>:</p>
<h3>Contoh</h3>
<pre class="language-js">
x = xmlDoc.getElementsByTagName('title');
xLen = x.length;
for (i = 0; i < xLen; i++) {
txt += (x[i].childNodes[0].nodeValue) + " ";
}
</pre>
<p class="tiy"><a target="_blank" href="/id/tiy/t.html?f=xml_dom_nodelist_length">Coba sendiri</a></p>
<h4>Pengertian contoh:</h4>
<ol>
<li>Dengan asumsi <a href="/id/demo/xml/books.xml" title="">books.xml</a> yang telah diunggah ke <code>xmlDoc</code> Tengah</li>
<li>Tetapkan variabel x untuk menyimpan daftar node semua elemen <title></li>
<li>Mengambil nilai node teks dari elemen <title></li>
</ol>
</section>
<section>
<h2>Daftar Atribut DOM (named node map)</h2>
<p>daftar atribut elemen <code>attributes</code> Atribut mengembalikan daftar node atribut.</p>
<p>Ini disebut named node map (peta node yang dinamai), seperti daftar node yang lain, tetapi metode dan atributnya berbeda.</p>
<p>Daftar atribut juga akan tetap terbaru. Jika atribut dihapus atau ditambahkan, daftar akan otomatis diperbarui.</p>
<p>Kode ini mengembalikan daftar node atribut dari elemen <book> pertama di "books.xml":</p>
<pre class="language-js">
x = xmlDoc.getElementsByTagName('book')[0].attributes;
</pre>
<p>Setelah eksekusi kode di atas,<code>x.length</code> sama dengan jumlah atribut, dapat digunakan <code>x.getNamedItem()</code> Mengembalikan sebuah node atribut.</p>
<p>Kode ini mengambil nilai atribut "category" pertama buku dan jumlah atribut:</p>
<h3>Contoh</h3>
<pre class="language-js">
x = xmlDoc.getElementsByTagName("book")[0].attributes;
txt = x.getNamedItem("category").nodeValue + " " + x.length;
</pre>
<p class="tiy"><a target="_blank" href="/id/tiy/t.html?f=xml_dom_attributes">Coba sendiri</a></p>
<h4>Pengertian contoh:</h4>
<ol>
<li>Dengan asumsi <a href="/id/demo/xml/books.xml" title="">books.xml</a> diload ke <code>xmlDoc</code> Tengah</li>
<li>Atur variabel x untuk menyimpan daftar atribut semua elemen <book></li>
<li>Ambil nilai atribut "category" serta panjang daftar atribut</li>
</ol>
</section>
<div class="prenextnav">
<ul>
<li> Halaman Sebelumnya <a href="/id/xml/dom_nodes_info.html" title="Informasi Node DOM XML">Informasi Node DOM</a></li>
<li> Halaman Berikutnya <a href="/id/xml/dom_nodes_traverse.html" title="Penjelajahan Node DOM XML">Pengelombangan Node DOM</a></li>
</ul>
</div><div style="background-color:#fcfdf8; padding:0;">
</div>
</div>
<!-- maincontent end -->
<div id="sidebar">
<div><h3><center> Alat Kesehatan </center><h3>
<h5 id="tools_reference"><a href="/id/xml/xml_reference.html">Panduan Referensi XML</a></h5>
<h5 id="tools_example"><a href="/id/xml/xml_examples.html">Contoh XML</a></h5>
<h5 id="tools_quiz"><a href="/id/xml/xml_quiz.html">Ujian XML</a></h5>
</div>
<div><h3><center> Tautan Pemungut Sumber </center><h3>
<div id="sbtg">
<script src="/myjs/zzsr.js"></script>
</div>
</div>
</div>
<div id="footer">
<p id="p1">
Isi yang disediakan oleh CodeW3C.com hanya untuk pelatihan dan tes, dan tidak dijamin kesehatan isinya. Risiko yang timbul dari penggunaan konten situs ini tidak berhubungan dengan situs ini. Hak cipta, seluruh hak disimpan.
</p>
<p id="p2">
<a href="/id/about/index.html" title="Tentang CodeW3C.com">Tentang CodeW3C.com</a>
<a href="/id/about/about_helping.html" title="Bantuan CodeW3C.com">Bantuan CodeW3C.com</a>
<a href="/id/about/about_use.html" title="Tentang Penggunaan">Syarat Penggunaan</a>
<a href="/id/about/about_privacy.html" title="Tentang Privasi">Syarat Privasi</a>
<a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a>
<a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Dipowerkan oleh Ce4e.com"></a>
</p>
</div>
</div>
<!-- wrapper end -->
<script src="/myjs/tongji.js"></script>
</body>
</html>