XML DOM nodeliste
getElementsByTagName() metoder og childNodes egenskab kan du returnere en liste over knudepunkter.
DOM node liste
Når du bruger childNodes eller getElementsByTagName() Når du bruger egenskaber eller metoder som disse, returneres en NodeList-objekt.
NodeList-objektet repræsenterer en liste over knudepunkter, hvor rækkefølgen svarer til XML's rækkefølge.
Knudepunkter i knudepunktslisten kan tilgås ved hjælp af indekser, der starter ved 0.
Det vises i nedenstående figur: books.xml Liste over knudepunkter for <title>-elementer:
Antag at "books.xml" allerede er indlæst i variablen xmlDoc.
Denne kodefragment returnerer en liste over knudepunkter for "title"-elementer i "books.xml":
x = xmlDoc.getElementsByTagName("title");
Efter udførelsen af de ovenstående sætninger bliver x en NodeList-objekt.
以下代码片段返回节点列表 (x) 中第一个
元素的文本：</p>
<h3>Eksempel</h3>
<pre class="language-js">
Følgende kodefragment returnerer teksten fra det første <title>-element i nodelisten (x):
</pre>
<p class="tiy"><a target="_blank" href="/da/tiy/t.html?f=xml_dom_nodelist">Try it yourself</a></p>
<p>var txt = x[0].childNodes[0].nodeValue;</p>
</section>
<section>
<h2>Efter udførelse af de ovenstående sætninger, txt = "雅舍谈吃".</h2>
<p>nodeliste længde</p>
<p>nodelisteobjektet opretholder sin egen opdatering. Hvis elementer fjernes eller tilføjes, opdateres listen automatisk. <code>length</code> egenskaber er antallet af noder i listen.</p>
<p>Dette kode afsnit returnerer antallet af <title>-elementer i "books.xml":</p>
<pre class="language-js">
x = xmlDoc.getElementsByTagName('title').length;
</pre>
<p>Efter udførelse af det ovenstående sætning,<code>x</code> er 5.</p>
<p>længden af nodelisten kan bruges til at gennemgå alle elementer i listen.</p>
<p>Dette kode afsnit bruger <code>length</code> egenskabsløkke til at gennemgå listen over <title>-elementer:</p>
<h3>Eksempel</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="/da/tiy/t.html?f=xml_dom_nodelist_length">Try it yourself</a></p>
<h4>Example Explanation:</h4>
<ol>
<li>Assume <a href="/da/demo/xml/books.xml" title="">books.xml</a> er blevet indlæst til <code>xmlDoc</code> Chinese</li>
<li>Indstil variablen x til at gemme listen over noder for alle title-elementer</li>
<li>Henter værdien af tekstenoden fra <title>-elementet</li>
</ol>
</section>
<section>
<h2>DOM egenskabsliste (navngivet nodemap)</h2>
<p>elements <code>attributes</code> Egenskaber returnerer en liste over egenskabsnoder.</p>
<p>Dette kaldes en navngivet nodemap (named node map), som ligner en nodeliste, men med forskellige metoder og egenskaber.</p>
<p>Egenskabslisten opretholder den nyeste status. Hvis egenskaber tilføjes eller fjernes, opdateres listen automatisk.</p>
<p>Dette kode afsnit returnerer en liste over egenskabsnoder fra den første <book>-element i "books.xml":</p>
<pre class="language-js">
x = xmlDoc.getElementsByTagName('book')[0].attributes;
</pre>
<p>Efter udførelse af det ovenstående kode afsnit,<code>x.length</code> lig med antallet af egenskaber, kan bruges <code>x.getNamedItem()</code> Returnerer en egenskabsnoden.</p>
<p>Dette kode afsnit henter værdien af "category"-egenskaben og antallet af egenskaber for det første bog.</p>
<h3>Eksempel</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="/da/tiy/t.html?f=xml_dom_attributes">Try it yourself</a></p>
<h4>Example Explanation:</h4>
<ol>
<li>Assume <a href="/da/demo/xml/books.xml" title="">books.xml</a> loaded into <code>xmlDoc</code> Chinese</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="/da/xml/dom_nodes_info.html" title="XML DOM nodeinformation">DOM Node Information</a></li>
<li> Next Page <a href="/da/xml/dom_nodes_traverse.html" title="XML DOM gennemgang af noder">DOM Traversal 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="/da/xml/xml_reference.html">XML Reference Manual</a></h5>
<h5 id="tools_example"><a href="/da/xml/xml_examples.html">XML eksempler</a></h5>
<h5 id="tools_quiz"><a href="/da/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. Risks associated with the use of this site's content are not related to this site. All rights reserved.
</p>
<p id="p2">
<a href="/da/about/index.html" title="About CodeW3C.com">About CodeW3C.com</a>
<a href="/da/about/about_helping.html" title="Help CodeW3C.com">Help CodeW3C.com</a>
<a href="/da/about/about_use.html" title="About Usage">Terms of Use</a>
<a href="/da/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="Kraftet af Ce4e.com"></a>
</p>
</div>
</div>
<!-- wrapper end -->
<script src="/myjs/tongji.js"></script>
</body>
</html>