利用Javascript读取xml文件，构建树型列表

最新推荐文章于 2023-07-06 21:24:48 发布
最新推荐文章于 2023-07-06 21:24:48 发布
阅读量3.9k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 脚本其他 文章标签： xml javascript c string function mozilla
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/PPLUNCLE/article/details/1342918
这篇博客介绍如何利用JavaScript直接读取XML文件并构建树型列表，避免了使用微软树控件导致的效率问题。在XML层次深、节点多的情况下，此方法表现优秀。虽然存在数据更新时可能无法实时同步的问题，但可以通过调整代码实现每次点击时重新获取子节点数据。此外，也提到了使用XMLHttpRequest异步获取数据库数据的可能性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 文中涉及到的xml文档如下：
<? xml version="1.0" standalone="yes" ?>
< NewDataSet >
   < xs:schema  id ="NewDataSet"  xmlns =""  xmlns:xs ="http://www.w3.org/2001/XMLSchema"  xmlns:msdata ="urn:schemas-microsoft-com:xml-msdata"  xmlns:msprop ="urn:schemas-microsoft-com:xml-msprop" >
     < xs:element  name ="NewDataSet"  msdata:IsDataSet ="true"  msdata:MainDataTable ="CatalogInfoTb"  msdata:UseCurrentLocale ="true" >
       < xs:complexType >
         < xs:choice  minOccurs ="0"  maxOccurs ="unbounded" >
           < xs:element  name ="CatalogInfoTb"  msprop:SelectStatement ="select [OID],[ParentCatalog],[CatalogOrder] ,[CatalogName],[Remark] from CatalogInfoTb where 0=0 order by ParentCatalog,CatalogOrder" >
             < xs:complexType >
               < xs:sequence >
                 < xs:element  name ="OID"  type ="xs:string"  minOccurs ="0"   />
                 < xs:element  name ="ParentCatalog"  type ="xs:string"  minOccurs ="0"   />
                 < xs:element  name ="CatalogOrder"  type ="xs:int"  minOccurs ="0"   />
                 < xs:element  name ="CatalogName"  type ="xs:string"  minOccurs ="0"   />
                 < xs:element  name ="Remark"  type ="xs:string"  minOccurs ="0"   />
               </ xs:sequence >
             </ xs:complexType >
           </ xs:element >
         </ xs:choice >
       </ xs:complexType >
     </ xs:element >
   </ xs:schema >
   < CatalogInfoTb >
     < OID > 6bb0b669e5c448e5bed57cf377a45837 </ OID >
     < ParentCatalog > 0 </ ParentCatalog >
     < CatalogOrder > 1 </ CatalogOrder >
     < CatalogName > 教育咨询 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 2d8ffc093d404d3dbaa0e03cf93617bb </ OID >
     < ParentCatalog > 0 </ ParentCatalog >
     < CatalogOrder > 2 </ CatalogOrder >
     < CatalogName > 学习天地 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 902c40a1118a45d993753c71f0629e64 </ OID >
     < ParentCatalog > 0 </ ParentCatalog >
     < CatalogOrder > 3 </ CatalogOrder >
     < CatalogName > 教师天地 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 600cef96ab8942b58ea70d3781769607 </ OID >
     < ParentCatalog > 0 </ ParentCatalog >
     < CatalogOrder > 4 </ CatalogOrder >
     < CatalogName > 在线考试 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > e94621ce9fd64175a71efaf8af39a22e </ OID >
     < ParentCatalog > 0 </ ParentCatalog >
     < CatalogOrder > 5 </ CatalogOrder >
     < CatalogName > 学科博览 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > ed07b1dbfd394901a8a64e947e11d07b </ OID >
     < ParentCatalog > 0 </ ParentCatalog >
     < CatalogOrder > 6 </ CatalogOrder >
     < CatalogName > 下载中心 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 03f8a1e4a0004e8dbede0edf9879fda0 </ OID >
     < ParentCatalog > 0 </ ParentCatalog >
     < CatalogOrder > 7 </ CatalogOrder >
     < CatalogName > 图书参考 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > dd21f7c0ec404fcdb978b74da83ee0f2 </ OID >
     < ParentCatalog > 0 </ ParentCatalog >
     < CatalogOrder > 8 </ CatalogOrder >
     < CatalogName > 在线论坛 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 83711cd0aa4e4fb88ecdabea9fc0596d </ OID >
     < ParentCatalog > 12b427191f8443db8e9425c0c7d12320 </ ParentCatalog >
     < CatalogOrder > 1 </ CatalogOrder >
     < CatalogName > 高考动态 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 6feb3519e33341e7b9e6b80274e53d04 </ OID >
     < ParentCatalog > 12b427191f8443db8e9425c0c7d12320 </ ParentCatalog >
     < CatalogOrder > 2 </ CatalogOrder >
     < CatalogName > 基础复习 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > f588d3e57ddf44faa70cfc5f35b44480 </ OID >
     < ParentCatalog > 12b427191f8443db8e9425c0c7d12320 </ ParentCatalog >
     < CatalogOrder > 3 </ CatalogOrder >
     < CatalogName > 专题复习 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 5f2024120a6d4e1cab81bed99994775a </ OID >
     < ParentCatalog > 12b427191f8443db8e9425c0c7d12320 </ ParentCatalog >
     < CatalogOrder > 4 </ CatalogOrder >
     < CatalogName > 实战模拟 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 13fb3c35fcb34cca80fe63e5f2f69eac </ OID >
     < ParentCatalog > 24314e039049494fa16a4efdfe03f766 </ ParentCatalog >
     < CatalogOrder > 1 </ CatalogOrder >
     < CatalogName > 竞赛辅导 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 31c4a2c92e9c4bbea8ea01cfe7494c01 </ OID >
     < ParentCatalog > 24314e039049494fa16a4efdfe03f766 </ ParentCatalog >
     < CatalogOrder > 2 </ CatalogOrder >
     < CatalogName > 竞赛题库 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > b6c44943b87c4bc7ba203f7c23ed2e3c </ OID >
     < ParentCatalog > 2d8ffc093d404d3dbaa0e03cf93617bb </ ParentCatalog >
     < CatalogOrder > 1 </ CatalogOrder >
     < CatalogName > 同步课堂 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 12b427191f8443db8e9425c0c7d12320 </ OID >
     < ParentCatalog > 2d8ffc093d404d3dbaa0e03cf93617bb </ ParentCatalog >
     < CatalogOrder > 2 </ CatalogOrder >
     < CatalogName > 高考专区 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 24314e039049494fa16a4efdfe03f766 </ OID >
     < ParentCatalog > 2d8ffc093d404d3dbaa0e03cf93617bb </ ParentCatalog >
     < CatalogOrder > 3 </ CatalogOrder >
     < CatalogName > 竞赛专区 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 8fcfc83b325d4498a7b60295ac7dc9ac </ OID >
     < ParentCatalog > 2d8ffc093d404d3dbaa0e03cf93617bb </ ParentCatalog >
     < CatalogOrder > 4 </ CatalogOrder >
     < CatalogName > 学习指导 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 73644c6d51bd452dac4274a4c850066c </ OID >
     < ParentCatalog > 8fcfc83b325d4498a7b60295ac7dc9ac </ ParentCatalog >
     < CatalogOrder > 1 </ CatalogOrder >
     < CatalogName > 学习心得 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > b1a86b08b8484f4eacd326bdd44d4be2 </ OID >
     < ParentCatalog > 8fcfc83b325d4498a7b60295ac7dc9ac </ ParentCatalog >
     < CatalogOrder > 2 </ CatalogOrder >
     < CatalogName > 学法指导 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 26447d54472a45519db888aaa1658611 </ OID >
     < ParentCatalog > 8fcfc83b325d4498a7b60295ac7dc9ac </ ParentCatalog >
     < CatalogOrder > 3 </ CatalogOrder >
     < CatalogName > 专题辅导 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 014a6f3625ce47a2b077eecdd79e1995 </ OID >
     < ParentCatalog > 8fcfc83b325d4498a7b60295ac7dc9ac </ ParentCatalog >
     < CatalogOrder > 3 </ CatalogOrder >
     < CatalogName > 心理咨询 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 364b53c38c6a4405899360c7be7686c7 </ OID >
     < ParentCatalog > 902c40a1118a45d993753c71f0629e64 </ ParentCatalog >
     < CatalogOrder > 1 </ CatalogOrder >
     < CatalogName > 教案中心 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 000a7b2b8ae84585923515663d9f5eb0 </ OID >
     < ParentCatalog > 902c40a1118a45d993753c71f0629e64 </ ParentCatalog >
     < CatalogOrder > 3 </ CatalogOrder >
     < CatalogName > 课件中心 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > e63f9e48052346d1b5717f49a5ca0dc8 </ OID >
     < ParentCatalog > 902c40a1118a45d993753c71f0629e64 </ ParentCatalog >
     < CatalogOrder > 3 </ CatalogOrder >
     < CatalogName > 试题中心 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 3c6d714891314c6ca42f16337dee523c </ OID >
     < ParentCatalog > 902c40a1118a45d993753c71f0629e64 </ ParentCatalog >
     < CatalogOrder > 4 </ CatalogOrder >
     < CatalogName > 教法讨论 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > c50abb515d4c49789b1299720e9b3eb0 </ OID >
     < ParentCatalog > 902c40a1118a45d993753c71f0629e64 </ ParentCatalog >
     < CatalogOrder > 5 </ CatalogOrder >
     < CatalogName > 教学论文 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > b312e6ffe19549929d46071bfa13d902 </ OID >
     < ParentCatalog > b6c44943b87c4bc7ba203f7c23ed2e3c </ ParentCatalog >
     < CatalogOrder > 1 </ CatalogOrder >
     < CatalogName > 教材内容 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 29cd1b3c709d49ab9fb88199dfc5d7ec </ OID >
     < ParentCatalog > b6c44943b87c4bc7ba203f7c23ed2e3c </ ParentCatalog >
     < CatalogOrder > 2 </ CatalogOrder >
     < CatalogName > 教材全解 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 089f31404aa74b60bcd6e2019766bf00 </ OID >
     < ParentCatalog > b6c44943b87c4bc7ba203f7c23ed2e3c </ ParentCatalog >
     < CatalogOrder > 3 </ CatalogOrder >
     < CatalogName > 在线课堂 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 82e4d092dc594f9784bbb52da7e0db91 </ OID >
     < ParentCatalog > b6c44943b87c4bc7ba203f7c23ed2e3c </ ParentCatalog >
     < CatalogOrder > 4 </ CatalogOrder >
     < CatalogName > 难点突破 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 0b34aefd506d4df6ad98f8453ede772c </ OID >
     < ParentCatalog > b6c44943b87c4bc7ba203f7c23ed2e3c </ ParentCatalog >
     < CatalogOrder > 5 </ CatalogOrder >
     < CatalogName > 直击高考 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 3cc7026d85364a20a00458a2dc26488b </ OID >
     < ParentCatalog > b6c44943b87c4bc7ba203f7c23ed2e3c </ ParentCatalog >
     < CatalogOrder > 6 </ CatalogOrder >
     < CatalogName > 归纳总结 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 4c6a142e5f4c41a9bb91b5260959cedf </ OID >
     < ParentCatalog > b6c44943b87c4bc7ba203f7c23ed2e3c </ ParentCatalog >
     < CatalogOrder > 8 </ CatalogOrder >
     < CatalogName > 一课一练 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > 1a8122631a1541409e7e7fd23483f35f </ OID >
     < ParentCatalog > b6c44943b87c4bc7ba203f7c23ed2e3c </ ParentCatalog >
     < CatalogOrder > 8 </ CatalogOrder >
     < CatalogName > 自主学案 </ CatalogName >
   </ CatalogInfoTb >
   < CatalogInfoTb >
     < OID > ac34e9d3344d42f596bb3a1a918c1acf </ OID >
     < ParentCatalog > b6c44943b87c4bc7ba203f7c23ed2e3c </ ParentCatalog >
     < CatalogOrder > 9 </ CatalogOrder >
     < CatalogName > 在线评测 </ CatalogName >
   </ CatalogInfoTb >
</ NewDataSet >

 HTML代码如下(最开始漏掉了一个onexpand事件)：

<% @ Page Language="C#" AutoEventWireup="true" CodeFile="TreeDefault.aspx.cs" Inherits="Test_TreeDefault"  %>
<% @ Register TagPrefix="iewc" Namespace="Microsoft.Web.UI.WebControls" Assembly="Microsoft.Web.UI.WebControls, Version=1.0.2.226, Culture=neutral, XmlDocumentKeyToken=31bf3856ad364e35"  %>
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head  runat ="server" >
     < title ></ title >
     < script  type ="text/javascript" >
    var xmlDoc;
    //加载一级目录
    function window_load()
    {
        this.loadXML();
        document.getElementById("TreeList").attachEvent("onselectedindexchange",TreeNodeExpand);
        document.getElementById("TreeChapterList").attachEvent("onexpand",TreeNodeExpand);
        //创建根节点
        var rootTreeNode = document.getElementById("TreeList").createTreeNode();
        rootTreeNode.setAttribute("Id","0");
        rootTreeNode.setAttribute("NodeData","0");
        rootTreeNode.setAttribute("Text","树根节点");
        rootTreeNode.setAttribute("NAVIGATEURL","#");
        rootTreeNode.setAttribute("Expandable","always");
        document.getElementById("TreeList").add(rootTreeNode);
        
        var oid,parentCatalog,catalogName,treeNode;
        
        var elements = xmlDoc.selectNodes("//CatalogInfoTb[ParentCatalog='0']");
        for(var n =0; n < elements.length;n++)
        {
            childnode   = document.getElementById("TreeList").createTreeNode();  
            oid         = elements.item(n).childNodes[0].childNodes[0].nodeValue;
            catalogName = elements.item(n).childNodes[3].childNodes[0].nodeValue
            childnode.setAttribute("Id",oid);
            childnode.setAttribute("NodeData",oid);
            childnode.setAttribute("Text",catalogName);
            childnode.setAttribute("NAVIGATEURL","#");
            if(xmlDoc.selectSingleNode("//CatalogInfoTb[ParentCatalog='"+ oid +"']") != null)
            {
                childnode.setAttribute("Expandable","always");
            }
            rootTreeNode.add(childnode);  
        }    

        document.getElementById("TreeList").expandLevel = 1;
    }
    //载入Xml文档
    function loadXML()
    {
        // IE 浏览器
        if (window.ActiveXObject)  
        {  
            xmlDoc      = new ActiveXObject("Microsoft.XMLDOM");  
            xmlDoc.async= false;  
            xmlDoc.load("catalogInfo.xml");  
        }
        // Mozilla, Firefox, Opera浏览器
        else if (document.implementation &&document.implementation.createDocument)  
        {  
            xmlDoc  =   document.implementation.createDocument("","",null);  
            xmlDoc.load("catalogInfo.xml");  
        }
        else  
        {  
            alert("由于你的浏览器不支持Javascript,目录树无法加载...");  
        }
    }
    //加载子节点
    function TreeNodeExpand()
    {
        var clickedindex;
        var clickednode;
        var childnode;
        var elements;
        var subElements;
        var childElement;
        
        clickedindex = document.getElementById("TreeList").clickedNodeIndex;            //获得当前被点击的节点索引
        clickednode  = document.getElementById("TreeList").getTreeNode(clickedindex);   //获得被点击的节点
        childnode    = clickednode.getChildren();                                        //获得被点击节点的子节点    
        if(childnode.length > 0) return;                                                //如果有子节点说明被展开过,返回(退出该方法)
        
        /*从XML文件中读入子节点数据，构造下一级节点*/
        elements     = xmlDoc.selectNodes("//CatalogInfoTb[ParentCatalog='"+clickednode.getAttribute('Id')+"']");
        for(var n =0; n < elements.length;n++)
        {
            childnode   = document.getElementById("TreeList").createTreeNode();  
            oid         = elements.item(n).childNodes[0].childNodes[0].nodeValue;
            catalogName = elements.item(n).childNodes[3].childNodes[0].nodeValue
            childnode.setAttribute("Id",oid);
            childnode.setAttribute("NodeData",oid);
            childnode.setAttribute("Text",catalogName);
            childnode.setAttribute("NAVIGATEURL","#");
            if(xmlDoc.selectSingleNode("//CatalogInfoTb[ParentCatalog='"+ oid +"']") != null)
            {
                childnode.setAttribute("Expandable","always");
            }
            clickednode.add(childnode);  
        }        
    }
     </ script >
</ head >
< body  onload ="window_load();" >
     < form  id ="form1"  runat ="server" >
     < div >
         < table  style ="WIDTH: 100%;height:100%"  cellspacing ="0"  cellpadding ="0"  border ="0" >
             < tr  valign ="top"  style ="height:100%" >
                 < td  style ="width: 100%; height: 100%" >
                     < iewc:TreeView  ID ="TreeList"  runat ="server"  BackColor ="#EEEEEE"  ExpandLevel ="4" ></ iewc:TreeView >
                 </ td >
             </ tr >
         </ table >
     </ div >
     </ form >
</ body >
</ html >

 

该实例直接采用js读取xml来加载树型列表，其中涉及到的知识点还有xml,xml dom以及微软的树控件

在使用微软的树控件时，由于采用的是递归算法，在树的层次过多的情况下速度会很慢，改用js读取xml文件加载的话，速度上不存在任何问题，我曾经测试过，总共1000多个节点，层次最大达到5层时，能很快的显示。

用这种方法有一点需要注意，如果数据源更新了，它可能不能及时的读取到新数据，因为在上面的代码中，判断了在点击某个节点加载其子节点时，如果该子节点以前加载过，则不会重新加载，也就是

if (childnode.length  >   0 )  return ;

 

这句，当然也可以修改一下，改成不管什么时候都去重新读取点击节点的字节点数据。

如果不用读取xml文件的话，也可以改用xmlhttp发送异步命令来获取数据库中的数据。

参考资料：http://msdn2.microsoft.com/zh-CN/library/ms256471.aspx
                    http://www.w3pop.com/tech/school/dom/default.asp
                    微软树控件的treeview.htc，在webctrl_client/1_0目录下

 

 

 

java读取xml文件生成树结构_读xml文件生成树
weixin_42122878的博客
02-13 3078
你去建两张表把这目录做成树的形式吧，这有个例子给你。我把那树的结构写在xml中行不行？行，你自己看着办。靠，每次都是这样让我拿着那半成品在改，真是受不了。开始又不把它写成树的形式现在来让我改，无语。被这个纠结的项目整的郁闷死了。今天又提出新的需求了，领导要看到系统在线的人数，还要了解他们在用那些应用。citrix中也不知道有没有给出接口，研究了一上午得出的结论却不容乐观，citrix上给出的性能方...
JavaScript解析XML文档成树菜单
深蓝忧郁的技术空间
09-25 5679
1.解析xml的BlueParseXML.js文件/** * @description 解析并封装XML * @author BluesLee * @lastModif BluesLee * @createDate 2007-10-13 * @modifDate 2007-10-15 * @version 1.0 */ //解析XML文件对象构造器
js读取xml文件，生成树型结构
11-23
这是一个js读取xml文件的例子。因为ajax执行后返回的也是一个xml文件，这个例子做的就是最终生成的树形结构。
JS读取XML文件形成树结构
qq_34307209的博客
06-13 2915
某日在做根据后台返回的XML字符串形成树状菜单，因为之前并没有怎么操作过XML文件，所以去求助了一下百度，奈何怎么也找不到符合我要求的答案。最后退而求其次，找到了根据XML文件形成树状菜单的示例，不过有蛮久过去了，已经找不到原来的文章地址在哪了，所以自己备忘一下。         主要是一个JS插件，我直接附上代码吧。 /* JavaScript Document */ /*
javascript操作xml生成树形菜单（转）
weixin_30457065的博客
05-22 158
这个效果应该不算什么稀奇，网上也有现成的代码，我这个也没什么特别的地方，只是因为我自己写的，也算是为学习DOM后一个练习；在IE下测试通过； （最近又写了一个，当然不再是为了练习；请参看：javascript操作xml生成树形菜单（一）描述） 实现效果是这样的： 读取XML文档； 采用递归生成无限级的树形菜单； 能够响应鼠标事件，展开与拆叠子级菜单； 首先是生成一个XML文档，我用...
zTree.js读取XML文件动态生成目录树
ssss_cccc的博客
08-04 479
Ztree无法直接加载xml类型的文件，可以先将xml数据读取成json格式的字符串或者直接将数据规整为一个list。 ztree设置 var settingss = { data: { simpleData: { enable: true, //true 、 false 分别表示 使用 、 不使用 简单数据模式 idKey: "nodeID", //节点数据中保存唯一标识的属性名称 pIdKey
JavaScript读取与解析XML文件为树型结构
在深入探讨如何使用JavaScript读取XML文件并生成树型结构之前，首先需要了解XML（可扩展标记语言）的基本概念。XML是一种标记语言，用于存储和传输数据。它与HTML类似，都是由标签组成的，但XML的目的是传输数据，而...
探索树型结构的实现：Javascript、DOM、XML与CSS
从给出的文件信息来看，我们主要关注在Web开发中如何通过结合JavaScript、DOM（文档对象模型）、XML（可扩展标记语言）和CSS（层叠样式表）来实现一个树型结构。 ### 标题知识点详细说明： **JavaScript**： ...
XML树型菜单
11-09
在本场景中，"XML树型菜单"指的是利用XML数据结构来构建可交互的、层次化的菜单系统。这样的菜单系统具有良好的可扩展性和自定义性，能够根据XML文档中的结构自动构建出树状的导航菜单。 1. **XML基础**： - XML是...
dom读取xml与写入xml
03-19
读取XML文件使用DOM时，通常分为以下几个步骤： 1. 加载XML文件：使用特定的API（如JavaScript中的`XMLHttpRequest`或Java的`DocumentBuilderFactory`）加载XML文件到内存中。 2. 解析XML：调用解析器（如Java的`...
JavaScript解析XML文件，在网页上以目录树的形式显示
03-06
用JavaScript对XML文件进行解析，在页面上用树目录的形式显示。
JS读取XML字符串形成树
10-10
JS读取XML字符串形成树，针对数据量大的XML字符串读取与树结构拼接
读取xml文件，实现JTree树形结构的构建（一）
qq_40834643的博客
08-16 1272
读取简单的xml文件并构建简单的JTree树形结构
(算法)使用JS实现将XML解析为Dom树
ppppsg的博客
07-06 244
（2）标签或属性名只包含字母、数字和下划线，且不以数字开头。（1）合乎XML语法，不包含注释或者处理指令。（3）属性值只包含双引号或单引号。
JavaScript + XML树型菜单
WEB, WEb, Web, web
11-19 2936
思路：利用ASP读取数据库数据，生成XML文件，然后用JS调入XML数据生成树型菜单 1.数据结构表名：InfoClass字段名称   数据类型          说明SID         int                类别IDSName    nvarchar(50)  类别名称ParentID int                父类ID,根分类父I
js+xml = 动态树形
一只展翅的小鸟
08-22 415
 js 来操控xml 加上html 标签中的dl dt 等树形标签，来模拟一下动态的树形结构。   1： 首先构造树形数据 xml     &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;books&gt; &lt;kins id="修真"&gt; &lt;book id="001"&gt;
生成XML文件，然后用JS调入XML数据生成树型菜单
superes的博客简介
04-09 712
生成XML文件，然后用JS调入XML数据生成树型菜单 xml 代码 美国
java读取xml文件生成树结构_JXTree对象，读取外部xml文件数据，生成树的函数
weixin_39640904的博客
02-13 208
JXTree对象，读取外部xml文件数据，生成树的函数更新时间：2007年04月02日 00:00:00 作者：/*******************************************JXTree对象，读取外部xml文件数据，生成树*@authorbrull*@emailbrull@163.com*@date2007-03-27**********************...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值