Primero: el contenido del archivo xml (tree.xml) es el siguiente: siguiente:
Provincia de Shandong
_blank
Provincia
Ciudad de Weihai
< target>_blank
p>Ciudad
Ciudad de Yantai
_blank
Ciudad
Aldea de Changkuang
_blank
Municipio
/
Ciudad Fu
_blank
Municipio
/
Provincia de Hebei
_blank
Provincia
< /link>
Ciudad de Botou
_blank
< title>Ciudad
tinta>
Jiaohe
_blank
Municipio
/
Shijiazhuang
_blank
Ciudad
< p
Provincia de Zhejiang
_blank
destino> Provincia
p>
Ciudad de Hangzhou
_blank
Ciudad
Una determinada ciudad
_blank
Municipio
/
< /nodo>
Ciudad de Wenzhou
_blank
Ciudad
Un pueblo
_blank
Municipio</text> title> </p><p><link>/</link> </p><p></node> </p><p></tree> </p><p></tree> </p><p></treeview> </p><p>/</p><p>/////////////////////////////////////////////////// //// /// </p><p>Entonces: implementación de la función javascript: (nombre de archivo: tree.htm) </p><p><script Language="JavaScript"> </p><p> var HTML = " "; </p><p>var espacio = ""; </p><p>var en blanco = " " </p><p>función getSubject() </p><p> { </p ><p>var xmlDoc; </p><p>if(window.ActiveXObject) </p><p>{ </p><p>//Obtener el objeto del archivo xml que se está operando </p><p>xmlDoc = new ActiveXObject('Microsoft.XMLDOM'); </p><p>xmlDoc.async = false </p><p>xmlDoc.load("tree.xml"); </p><p>if(xmlDoc == null) </p><p>{ </p><p>alert('Su navegador no admite la lectura de archivos xml, por lo que esta página prohíbe su operación. Es se recomienda utilizar IE5.0 ¡Lo anterior puede resolver este problema!'); </p><p>window.location.href='/Index.aspx'; p>} </p> <p>} </p><p>//Analiza el archivo xml y determina si hay un error</p><p>if(xmlDoc.parseError.errorCode != 0) </p><p>{ </p> <p>alert(xmlDoc.parseError.reason); </p><p>return </p><p>} </p><p>//Obtener; el nodo raíz</p><p>var nodes = xmlDoc.documentElement.childNodes; </p><p>//Obtiene el número de nodos secundarios debajo del nodo raíz y realiza el bucle</p><p>for(var). i=0; i<nodes.length ; i++) </p><p>{ </p><p>//Si el nombre del nodo es árbol </p><p>if(nodes(i).nodeName == "árbol") </p> <p>{ </p><p>readTree(nodes(i)); </p><p>} </p><p>//Si el nombre del contacto es el nodo </p><p>else if (nodes(i).nodeName == "node") </p><p>{ </p><p>readNode(nodes(i) </p); ><p>} </p><p>} </p><p>//Eliminar objeto</p><p>delete(xmlDoc </p><p>//Mostrar HTML </p); ><p>window.show.innerHTML = HTML </p><p>return; </p><p>} </p><p>//Leer nodo del árbol</p><p>función readTree (cI) </p><p>{ </p><p>var nodos = cI.childNodes; </p><p>var menuHTML = espacio </p><p>menuHTML += en blanco; /p><p>//Obtener hipervínculo </p><p>menuHTML += "<a href='" </p><p>//Si el atributo de conexión del nodo no está vacío, conéctese</p><p>if(cI. seleccionarNodos(</p><p>"enlace")(0).text != "") </p><p>{ </p><p>menuHTML += cI.selectNodes("enlace")(0).text </p>; <p>} </p><p>//De lo contrario, es un enlace vacío</p><p>else </p><p>{ </p><p>menuHTML += "#"; /p ><p>} </p><p>//Destino</p><p>if(cI.selectNodes("destino"))(0).text != "") </p><p>{ </p><p>menuHTML += " target='"+cI.selectNodes("target") (0).text </p><p>menuHTML += "'"; <p>} </p><p>//Haga clic en el evento del menú y llame a la función divshow(vid)</p><p>menuHTML += " onclick=javascript:divshow('"+cI.getAttribute(" id")+ "');"; </p><p>//Obtener el título del nodo</p><p>menuHTML += " title='"; </p><p>menuHTML += cI .selectNodes("title ")(0).text; </p><p>//End</p><p>menuHTML += "'>" </p><p>//Obtener el texto del nodo</p> <p>menuHTML += cI.selectNodes("text")(0).text </p><p>menuHTML += "</a><br>\n"; /p><p>/ /Agregar configuración menuHTML a la cadena HTML</p><p>HTML += menuHTML </p><p>//Obtener el valor del atributo del nodo <span </p><; p>HTML += "< div id='"+cI.getAttribute("id")+"' style='display:none'>\n" </p><p>for(var i=0; i<nodos.length; i++ ) </p><p>{ </p><p>var tempImg = "" </p><p>tempImg += en blanco </p><p>if( nodos(i).nodeName = = "árbol") </p><p>{ </p><p>espacio += tempImg </p><p>readTree(nodos(i)); ><p>espacio = " "; </p><p>} </p><p>else if(nodes(i).nodeName == "nodo") </p><p>{ </p ><p>espacio += tempImg; </p><p>readNode(nodos(i)); </p><p>} </p><p>} </p><p>HTML += "</div>\n "; </p><p>return; </p><p>} </p><p>//Leer nodo nodo</p><p>función readNode(cI) </p><p> { </p><p>var nodeHTML = espacio </p><p>nodeHTML += en blanco </p><p>//Establecer hipervínculo</p><p> nodeHTML += "<a href='"; </p><p>//Obtener la dirección de conexión</p><p>nodeHTML += cI.selectNodes("link") (0).text</p><p></p><p>//Destino</p><p>if(cI.selectNodes("destino"))(0).text != "") </p><p>nodeHTML += "' target='"+cI.selectNodes("target"))(0).text; </p><p>//Obtener el título del nodo</p><p>nodeHTML += "' title='"; </p><p>//Obtener el título del nodo</p><p>nodeHTML += "' title='" </p> p><p>nodeHTML += cI.selectNodes("title")( 0).text; </p><p>//End</p><p>nodeHTML += "'>" </p ><p>//Obtener el texto del nodo</p><p>nodoHTML += cI.selectNodes("texto")(0).text; </p><p>nodoHTML += "</a>< br>\n"; = nodoHTML; </p><p>//HTML += "<div id='"+cI.getAttribute("id")+"'> "; </p><p>espacio = ""; /p><p>return; </p><p>} </p><p>//Mostrar u ocultar el objeto de operación</p ><p>función divshow(vid) </p><p> { </p><p>if(document.all[vid].style.display == "none") </p><p>{ </p><p>document.all[vid].style. display = "bloque"; </p><p>} </p><p>else </p><p>{ </p> <p>document.all[vid].style.display = "none "; </p><p>} </p><p>regresar; </p><p>} </p><p> </script> </p><p><html> </ p><p><head> </p><p><meta http-equiv="Content-Type" content="text/html; charset =gb2312"> </p><p><title>JS_XML< /título> </p><p><style type="text/css"> </p><p><!-- </p ><p>cuerpo </p><p>{ </p ><p>margen izquierdo: 0px; </p><p>margen superior: 0px; </p><p>margen derecho: 0px; </p><p>margen inferior: 0px; /p><p>tamaño de fuente: 9pt; </p><p>} </p><p>A </p><p>{ </p><p>decoración de texto: ninguna <; /p><p>familia de fuentes: "宋体"; </p><p>tamaño de fuente: 9pt; </p><p> COLOR:#000000 </p><p>} </p; ><p>--> </p><p></style> </p><p></head> </p><p><body bgcolor="#EEEEEE" leftmargin="0" topmargin ="0"> </p><p><div id=show></div> </p><p></body&g</p><p>t </p><p><script> </p><p>getSubject() </p><p></script> </p><p></html> </p><p>////////////////////////////////////////////////// /// ///////// </p><p>¡Para ejecutarlo, debe estar en la misma ruta! </p></div>
<div class="info-pre-next"><a href="3v3n8bgv89.html">上篇: Sitio web de consulta de resultados del Maratón Internacional Shenzhen Baoan 2017</a> <a href="3v4twkc82p.html">下篇: ¿Qué significa la palabra "significa" en "Los carnívoros significan"?</a></div>
</div>
</div>
</div>
<aside class="side-section right-box">
<div class="side-tab">
<div id="sidetab-content">
<section>
<div class="whitebg suiji"><h2 class="side-title">Artículos recomendados</h2><ul><li><a href="abpgrt4vpp.html">4343¿Qué significa amor?</a></li><li><a href="ifgf0r8a5y.html">Las palabras de amor en inglés más bellas de 2019 con traducción</a></li><li><a href="kqi2xbaeu9.html">Resumen de las actividades de la Experiencia Respetar y Amar a las Personas Mayores 2022</a></li><li><a href="yu1zo5emem.html">Poesía sobre las cortinas en "Un sueño de mansiones rojas"</a></li><li><a href="413u2g93e6.html">¿Se ha publicado el calendario para el Examen Nacional 2022?</a></li></ul></div>
</section>
</div>
</div>
</aside>
</article>
<footer>
<div class="footer box">
<div class="endnav"><p align="center">Copyright 2024 <a href="https://www.mingyandaquanwang.com" target="_blank">Colección de citas famosas</a> All Rights Reserved. <script type="text/javascript" src="../css/tongji.js"></script></p></div>
</div>
</footer>
</body>
</html>