<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>destroydrop » JavaScripts » Tree</title>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<link rel="StyleSheet" href="tree.css" type="text/css">
<script type="text/javascript" src="tree.js"></script>
<script type="text/javascript">
<!--
var Tree = new Array;
// nodeId | parentNodeId | nodeName | nodeUrl
Tree[0] = "1|0|1|#";
Tree[1] = "2|1|2|#";
Tree[2] = "3|1|3|#";
Tree[3] = "4|3|4|#";
Tree[4] = "5|1|5|#";
Tree[5] = "6|2|6|#";
Tree[6] = "7|6|7|#";
Tree[7] = "8|6|8|#";
Tree[8] = "9|1|9|#";
Tree[9] = "10|9|10|#";
Tree[10] = "11|0|11|#";
//-->
</script>
</head>
<body>
<div class="tree">
<script type="text/javascript">
<!--
createTree(Tree,1); // start the tree at node nr. 1
//-->
</script>
</div>
<br /><br />
</body>
</html>
上面应用的两个文件在下面的压缩包中.
分享到：
谢了有帮助
相关推荐
本篇文章将深入探讨如何使用JS和jQuery来实现动态树结构，并基于提供的文件`jzaefferer-jquery-treeview-3937863`进行讲解。 首先，我们需要了解jQuery Treeview插件，这是一个由Jörn Zaefferer开发的jQuery扩展，...
JavaScript（简称JS）是一...总之，JS实现动态树涉及HTML、CSS和JavaScript的综合运用，以及数据结构和算法的理解。通过掌握这些技术和方法，我们可以构建出交互性强、功能丰富的动态树视图，满足各种应用场景的需求。
综上所述，使用JSP和Ajax实现动态树结构涉及到的技术主要包括HTML、CSS、JavaScript、Ajax、JSP、数据库操作和DOM操作等。这不仅要求开发者具备多方面的技能，还需要理解前后端交互的工作原理，以便创建出功能强大、...
jsTree 提供了一套完整的 API，允许你在运行时动态改变树的结构、操作节点、获取用户选择等。例如，打开一个节点： ```javascript $('#jstree').jstree('open_node', '#node_id'); ``` **三、总结** jsTree 是...
在ASP中实现动态树结构目录，首先需要一个数据库来存储目录信息。通常会用到SQL Server、MySQL或Access等关系型数据库管理系统。在这个案例中，数据库可能包含了各个目录节点的ID、父节点ID、节点名称等字段，通过...
在这个“JS实现树形结构”的压缩包中，我们可能找到了关于如何在JavaScript中创建和操作这种结构的代码示例。 一、基础概念 1. 节点（Node）：树形结构的基本单位，包含数据和指向子节点的引用。 2. 根节点（Root ...
本示例主要探讨如何使用JavaScript来创建一个可交互的动态树结构。 首先，我们需要理解树的基本概念。在计算机科学中，树是一种非线性的数据结构，由节点（或称为顶点）和边组成。每个节点可以有零个或多个子节点，...
总结来说，JavaScript实现树形结构主要涉及创建树节点类、添加操作节点的方法以及遍历树的算法。通过这些基础知识，我们可以构建出适应各种需求的树形结构组件，为用户界面提供丰富且高效的交互体验。在实际开发中，...
综上所述，JavaScript实现树形结构涉及对象的创建、节点间的引用关系、遍历、搜索和操作。对于复杂的项目，可以借助像`dhtmlxTree`这样的第三方库，以提高开发效率并获得更好的用户体验。在实际应用中，还需要根据...
树结构在很多地方都会用到的，这是js实现树代码，很实用，测试过了可以用的，没有网上的复杂，很好用， 其中，imgSrc要换成你硬盘里存在的图片路径。然后在你的+号图片的单击事件响应使用topOfList()函数即可，我...
在JavaScript（JS）中，构建树结构是一种常见的需求，特别是在前端开发中，如构建导航菜单、组织数据或实现文件系统等。"无极树"意味着这个树结构没有固定的层级限制，可以无限级地展开。本实例将探讨如何使用JS来...
本知识点将深入探讨如何使用JavaScript实现树形结构，并提供相关资源。 树形结构是一种数据结构，它表示了对象之间的层次关系。每个节点（或元素）可以有零个或多个子节点，而根节点没有父节点。JavaScript中的树形...
总结起来，"js创建动态树集合"涉及的主要知识点有：JavaScript数据结构（特别是树结构）、对象和数组的操作、递归算法、DOM操作、Ajax技术（包括异步请求和JSON数据格式），以及前端用户体验设计。掌握这些知识点，...
在给出的博客链接中（可能需要登录查看），作者王鼎新分享了关于如何使用JavaScript实现横向树的具体方法和示例代码。通过阅读这篇博客，你可以了解更多关于如何将上述概念应用于实际项目的细节。 总的来说，JS横向...
在JavaScript（JS）中实现动态树操作是一种常见的前端开发任务，尤其在构建具有层次结构的数据展示或交互式界面时。动态树结构允许用户通过添加、删除、展开和折叠节点来探索和操纵数据。这里我们将深入探讨如何使用...
动态树（Dynamic Tree）是指在运行时可以动态加载、添加、删除或更新节点的树形控件。在ExtJS中，这种功能主要通过`Ext.tree.TreePanel`或其现代版本`Ext.tree.View`来实现。 一、ExtJS 动态树基础 1. `Ext.tree....
2. **DOM操作**：利用JavaScript的DOM API（Document Object Model）创建、修改和删除DOM元素以反映树结构。例如，可以创建一个`<ul>`元素作为树的容器，然后遍历数据结构，为每个节点创建`<li>`元素，并根据子节点...
总结起来，动态树结构在Struts2中主要应用于创建交互式的层级界面，通过Action处理业务逻辑，利用JSON或XML传递数据，配合前端JavaScript库实现动态展示和操作。Struts2的灵活性和丰富的功能使其成为实现这种动态树...
4. **DOM操作**：JavaScript需要与HTML文档进行交互，添加、删除或更新DOM元素以反映树结构的变更。这可能包括创建新的元素、修改元素的样式和属性，以及调整元素在DOM中的位置。 5. **数据绑定**：动态树形结构...
总的来说，JavaScript实现的树形结构不仅能够提供直观的数据展示，还能够通过良好的设计和交互提升用户体验。在实际开发中，可以复用这些代码，根据需求进行定制，同时注意性能优化和兼容性问题，以确保在各种环境下...