Lista de nodos DOM XML
getElementsByTagName() y métodos childNodes la propiedad puede devolver una lista de nodos.
Lista de nodos DOM
Al usar childNodes o getElementsByTagName() Al llamar a propiedades o métodos como, se devuelve un objeto NodeList.
El objeto NodeList representa una lista de nodos, cuyos elementos tienen el mismo orden que en XML.
Los nodos en la lista NodeList se pueden acceder mediante un índice de inicio en 0.
La siguiente imagen representa books.xml Lista de nodos del elemento <title>:
Supongamos que "books.xml" ya ha sido cargado en la variable xmlDoc.
Este fragmento de código devuelve la lista de nodos de elementos "title" en "books.xml":
x = xmlDoc.getElementsByTagName("title");
Después de ejecutar la instrucción anterior, x se convierte en un objeto NodeList.
以下代码片段返回节点列表 (x) 中第一个
元素的文本：</p>
<h3>Ejemplo</h3>
<pre class="language-js">
El siguiente fragmento de código devuelve el texto de la primera etiqueta <title> en la lista de nodos (x):
</pre>
<p class="tiy"><a target="_blank" href="/es/tiy/t.html?f=xml_dom_nodelist">Prueba personalmente</a></p>
<p>var txt = x[0].childNodes[0].nodeValue;</p>
</section>
<section>
<h2>Después de ejecutar las declaraciones anteriores, txt = "雅舍谈吃".</h2>
<p>longitud de la lista de nodos</p>
<p>El objeto NodeList se mantendrá actualizado por sí mismo. Si se eliminan o agregan elementos, la lista se actualizará automáticamente. <code>longitud</code> La lista de nodos</p>
<p>El atributo es la cantidad de nodos en la lista.</p>
<pre class="language-js">
Este código devuelve la cantidad de elementos <title> en "books.xml":
</pre>
<p>x = xmlDoc.getElementsByTagName('title').length;<code>Después de ejecutar la declaración anterior,</code> x</p>
<p>para recorrer todos los elementos de la lista. El valor es 5.</p>
<p>El largo de la lista de nodos se puede usar <code>longitud</code> bucle de atributos para recorrer la lista de elementos <title>:</p>
<h3>Ejemplo</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="/es/tiy/t.html?f=xml_dom_nodelist_length">Prueba personalmente</a></p>
<h4>Ejemplo de explicación:</h4>
<ol>
<li>Supongamos <a href="/es/demo/xml/books.xml" title="">books.xml</a> se ha cargado a <code>xmlDoc</code> 中</li>
<li>Establecer la variable x para guardar la lista de nodos de todas las etiquetas title</li>
<li>Obtener el valor del nodo de texto de la etiqueta <title></li>
</ol>
</section>
<section>
<h2>Lista de atributos DOM (mapa de nodos nombrados)</h2>
<p>lista de atributos del nodo de elemento <code>attributes</code> Atributos devuelven una lista de nodos de atributos.</p>
<p>Esto se llama mapeo de nodos nombrados (named node map), similar a una lista de nodos, pero con métodos y propiedades diferentes.</p>
<p>La lista de atributos también se mantendrá actualizada. Si se eliminan o agregan atributos, la lista se actualizará automáticamente.</p>
<p>Este código devuelve una lista de nodos de atributos de la primera etiqueta <book> en "books.xml":</p>
<pre class="language-js">
x = xmlDoc.getElementsByTagName('book')[0].attributes;
</pre>
<p>Después de ejecutar el código anterior,<code>x.length</code> igual a la cantidad de atributos, se puede usar <code>x.getNamedItem()</code> Devuelve un nodo de atributo.</p>
<p>Este código obtiene el valor del atributo "category" del primer libro y la cantidad de atributos:</p>
<h3>Ejemplo</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="/es/tiy/t.html?f=xml_dom_attributes">Prueba personalmente</a></p>
<h4>Ejemplo de explicación:</h4>
<ol>
<li>Supongamos <a href="/es/demo/xml/books.xml" title="">books.xml</a> cargado a <code>xmlDoc</code> 中</li>
<li>Establecer la variable x para guardar la lista de todos los atributos del primer elemento <book></li>
<li>Obtener el valor del atributo "category" y la longitud de la lista de atributos</li>
</ol>
</section>
<div class="prenextnav">
<ul>
<li> Página anterior <a href="/es/xml/dom_nodes_info.html" title="Información de nodos DOM XML">Información de nodo DOM</a></li>
<li> Página siguiente <a href="/es/xml/dom_nodes_traverse.html" title="Recorrer nodos DOM XML">Navegación de nodos DOM</a></li>
</ul>
</div><div style="background-color:#fcfdf8; padding:0;">
</div>
</div>
<!-- maincontent end -->
<div id="sidebar">
<div><h3><center> Caja de herramientas </center><h3>
<h5 id="tools_reference"><a href="/es/xml/xml_reference.html">Manual de referencia de XML</a></h5>
<h5 id="tools_example"><a href="/es/xml/xml_examples.html">Ejemplo XML</a></h5>
<h5 id="tools_quiz"><a href="/es/xml/xml_quiz.html">Pruebas XML</a></h5>
</div>
<div><h3><center> Enlaces de patrocinadores </center><h3>
<div id="sbtg">
<script src="/myjs/zzsr.js"></script>
</div>
</div>
</div>
<div id="footer">
<p id="p1">
El contenido proporcionado por CodeW3C.com se ofrece solo para capacitación y prueba y no se garantiza la exactitud del contenido. Los riesgos asociados con el uso del contenido de este sitio no están relacionados con este sitio. Todos los derechos reservados.
</p>
<p id="p2">
<a href="/es/about/index.html" title="Acerca de CodeW3C.com">Acerca de CodeW3C.com</a>
<a href="/es/about/about_helping.html" title="Ayuda de CodeW3C.com">Ayuda de CodeW3C.com</a>
<a href="/es/about/about_use.html" title="Acerca de su uso">Términos de uso</a>
<a href="/es/about/about_privacy.html" title="Acerca de privacidad">Términos de privacidad</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="Powered by Ce4e.com"></a>
</p>
</div>
</div>
<!-- wrapper end -->
<script src="/myjs/tongji.js"></script>
</body>
</html>