XML DOM Node List
getElementsByTagName() methoden en childNodes eigenschappen kan een lijst van nodes worden geretourneerd.
DOM node list
Bij het gebruik van childNodes of getElementsByTagName() Bij het oproepen van eigenschappen of methoden, wordt een NodeList-object geretourneerd.
Een NodeList-object vertegenwoordigt een lijst van nodes, waarbij de volgorde overeenkomt met die in XML.
Nodes in de NodeList kunnen worden bereikt via indices die beginnen bij 0.
De onderstaande afbeelding toont: books.xml Lijst van nodes van de <title>-elementen:
Aannemen dat "books.xml" al is geladen in de variabele xmlDoc.
Deze codefragment retourneert een lijst van nodes van de title-elementen in "books.xml":
x = xmlDoc.getElementsByTagName("title");
Na het uitvoeren van de bovenstaande instructies wordt x een NodeList-object.
以下代码片段返回节点列表 (x) 中第一个
元素的文本：</p>
<h3>Voorbeeld</h3>
<pre class="language-js">
var txt = x[0].childNodes[0].nodeValue;
</pre>
<p class="tiy"><a target="_blank" href="/nl/tiy/t.html?f=xml_dom_nodelist">Probeer het zelf uit</a></p>
<p>De volgende codefragment retourneert de tekst van het eerste <title>-element in de knopenlijst (x):</p>
</section>
<section>
<h2>var txt = x[0].childNodes[0].nodeValue;</h2>
<p>Na het uitvoeren van de bovenstaande statement, txt = "雅舍谈吃".</p>
<p>lengte van de knopenlijst <code>length</code> De knopenlijst object zal zichzelf bijwerken. Als elementen worden verwijderd of toegevoegd, wordt de lijst automatisch bijgewerkt.</p>
<p>Eigenschappen zijn het aantal knopen in de lijst.</p>
<pre class="language-js">
Deze code retourneert het aantal <title>-elementen in "books.xml":
</pre>
<p>x = xmlDoc.getElementsByTagName('title').length;<code>Na het uitvoeren van de bovenstaande statement,</code> x</p>
<p>heeft een waarde van 5.</p>
<p>De lengte van de knopenlijst kan worden gebruikt om door alle elementen in de lijst te loopen. <code>length</code> Eigenschapsloop om door de lijst van <title>-elementen te navigeren:</p>
<h3>Voorbeeld</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="/nl/tiy/t.html?f=xml_dom_nodelist_length">Probeer het zelf uit</a></p>
<h4>Example Explanation:</h4>
<ol>
<li>Assuming <a href="/nl/demo/xml/books.xml" title="">books.xml</a> is geladen in <code>xmlDoc</code> 中</li>
<li>Stel de variabele x in om alle knopenlijsten van de title-elementen op te slaan</li>
<li>Haalt de waarde van de tekstknopen van het <title>-element op</li>
</ol>
</section>
<section>
<h2>DOM-eigenschapslijst (naamgegeven knopenkaart)</h2>
<p>van elementnodes <code>attributes</code> Eigenschappen retourneren een lijst van attribuutnodes.</p>
<p>Dit wordt genoemd de naamgegeven knopenkaart (named node map), vergelijkbaar met een knopenlijst, maar met verschillende methoden en eigenschappen.</p>
<p>De attribuutlijst blijft altijd up-to-date. Als attributen worden verwijderd of toegevoegd, wordt de lijst automatisch bijgewerkt.</p>
<p>Deze code retourneert een lijst van attribuutnodes van de eerste <book>-element in "books.xml":</p>
<pre class="language-js">
x = xmlDoc.getElementsByTagName('book')[0].attributes;
</pre>
<p>Na het uitvoeren van de bovenstaande code,<code>x.length</code> is gelijk aan het aantal attributen en kan worden gebruikt <code>x.getNamedItem()</code> Returnt een attribuutnode.</p>
<p>Deze code haalt de waarde van het "category"-attribuut van het eerste boek en het aantal attributen op:</p>
<h3>Voorbeeld</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="/nl/tiy/t.html?f=xml_dom_attributes">Probeer het zelf uit</a></p>
<h4>Example Explanation:</h4>
<ol>
<li>Assuming <a href="/nl/demo/xml/books.xml" title="">books.xml</a> is loaded into <code>xmlDoc</code> 中</li>
<li>Set the x variable to save the list of all attributes of the first <book> element</li>
<li>Get the value of the "category" attribute and the length of the attribute list</li>
</ol>
</section>
<div class="prenextnav">
<ul>
<li> Previous Page <a href="/nl/xml/dom_nodes_info.html" title="XML DOM Node Information">DOM Node Information</a></li>
<li> Next Page <a href="/nl/xml/dom_nodes_traverse.html" title="XML DOM Traverse Nodes">DOM Traversing Nodes</a></li>
</ul>
</div><div style="background-color:#fcfdf8; padding:0;">
</div>
</div>
<!-- maincontent end -->
<div id="sidebar">
<div><h3><center> Toolbox </center><h3>
<h5 id="tools_reference"><a href="/nl/xml/xml_reference.html">XML Reference Manual</a></h5>
<h5 id="tools_example"><a href="/nl/xml/xml_examples.html">XML Example</a></h5>
<h5 id="tools_quiz"><a href="/nl/xml/xml_quiz.html">XML Quiz</a></h5>
</div>
<div><h3><center> Sponsor Links </center><h3>
<div id="sbtg">
<script src="/myjs/zzsr.js"></script>
</div>
</div>
</div>
<div id="footer">
<p id="p1">
The content provided by CodeW3C.com is for training and testing purposes only and does not guarantee the accuracy of the content. Any risks associated with the use of this site's content are not associated with this site. All rights reserved.
</p>
<p id="p2">
<a href="/nl/about/index.html" title="About CodeW3C.com">About CodeW3C.com</a>
<a href="/nl/about/about_helping.html" title="Help CodeW3C.com">Help CodeW3C.com</a>
<a href="/nl/about/about_use.html" title="About Usage">Terms of Use</a>
<a href="/nl/about/about_privacy.html" title="About Privacy">Privacy Terms</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="Aangedreven door Ce4e.com"></a>
</p>
</div>
</div>
<!-- wrapper end -->
<script src="/myjs/tongji.js"></script>
</body>
</html>