`

JS 动态生成节点_li

阅读更多
<script type="text/javascript">

var ul = document.getElementById("ul");

li = document.createElement("li"); 

txt = document.createTextNode("txt");

li.className = 'className';

li.onclick = function() {alert('helo');}

li.appendChild(txt);
		
ul.appendChild(li);

</script>

 

结论:

   

    li.onclick = function(){alert('hello')}                             IE,FF 都支持

 

    li.attachEvent("onclick",function(){alert('hello');});     IE支持

 

    li.setAttribute("onclick","alert('hello')");                       FF支持

 

分享到:
评论

相关推荐

    JS+HTML动态生成的树

    综上所述,JS和HTML动态生成的树主要依赖于HTML的基础结构、JavaScript的DOM操作以及可能的外部库,如JSTree,来实现丰富的交互和数据展示。在实际开发中,根据项目需求选择合适的方法和工具,可以有效地提升用户...

    JQuery实例动态生成树

    3. **遍历JSON数据**:使用JavaScript或jQuery的循环遍历JSON对象,创建对应的`&lt;li&gt;`元素,并根据`children`属性判断是否有子节点。如果有子节点,则递归调用相同的过程来生成子节点的树结构。 4. **添加点击事件**...

    动态生成菜单树

    在JSP页面中,利用JavaScript动态创建DOM元素,如`&lt;ul&gt;`和`&lt;li&gt;`,并设置相应的类名以实现折叠/展开效果。同时,可以通过CSS来美化菜单树的样式,使其符合UI设计。 5. 事件处理: 对于可点击的菜单项,需要添加...

    js树控件 JavaScrip动态生成树

    递归函数会接收当前节点的数据,生成节点元素,然后对每个子节点调用自身,直到所有子节点都被处理。 5. **事件处理**:树控件的交互性还需要处理各种用户事件,如点击、拖拽、右键菜单等。可以使用`...

    动态生成组织结构树型图

    在JavaScript中,我们可以使用递归函数或者遍历算法来处理树形结构,根据数据生成对应的DOM元素,如`&lt;ul&gt;`和`&lt;li&gt;`,以视觉上呈现树状结构。此外,为了实现“动态”生成,我们需要监听数据的变化,比如当有新员工...

    JavaScript读取XML节点生成多级菜单

    总结起来,"JavaScript读取XML节点生成多级菜单"这个任务涉及到XML解析、DOM操作、事件处理、CSS样式和性能优化等多个方面。通过这些知识点,我们可以构建出一个功能完整、交互友好的多级菜单系统。在实际开发中,还...

    dtreeJQuery实例.动态生成树

    dtree的基本结构是使用`&lt;ul&gt;`和`&lt;li&gt;`元素构建的,每个`&lt;li&gt;`代表一个树节点,可以包含子节点或者叶子节点。dtree提供了一些API方法,如`init()`用于初始化树,`openNode(nodeId)`用于展开指定节点,`closeNode(node...

    JS生成树型结构

    在JavaScript(JS)编程中,生成树型结构是一种常见的需求,尤其在数据可视化、文件系统模拟、目录结构展示以及组织复杂的数据关系时。本篇将深入探讨如何利用JavaScript实现这样的功能,结合简单、易用且美观的代码...

    jquery动态生成树菜单

    本文将详细讲解如何使用jQuery来动态生成树状菜单,这对于构建交互式网页界面至关重要。 首先,理解树菜单的概念。树菜单是一种以层次结构展示信息的用户界面元素,通常用于网站导航或数据分类。它由节点组成,每个...

    左树节点动态拖到右侧面板

    本文将详细讲解如何利用JavaScript和ZTree实现一个功能,允许用户将左侧面板中的树节点动态拖放到右侧面板,并在右侧面板中动态加载相应的div和样式。 首先,ZTree是一个强大的JavaScript插件,它基于jQuery,主要...

    网页上的树节点的制作源代码,生成多个树节点

    - JavaScript是实现动态效果的关键。通过监听用户的点击事件,可以改变树节点的状态(展开/折叠)。可以使用DOM操作(如`addEventListener`、`removeChild`、`appendChild`)来实现节点的增删改查,以及`style....

    dtree_JQuery实例.动态生成树

    这些节点可以是`&lt;ul&gt;`和`&lt;li&gt;`元素,通过CSS进行样式化,并通过JavaScript进行交互性操作。在HTML中,我们可以设置一个空的容器,如`&lt;div id="dtree"&gt;&lt;/div&gt;`,准备填充动态生成的树。 接着,我们需要引入jQuery库...

    js动态树菜单(只供参考)

    对于更复杂的动态树菜单,可能需要引入JSON数据来动态生成菜单。JSON格式非常适合存储层级数据,因为它能表示对象和数组。例如: ```json { "name": "根节点", "children": [ { "name": "子节点1", "children...

    js树形多列框控件动态生成类似qq类列表框

    总之,创建一个js树形多列框控件动态生成类似qq类列表框,需要结合JavaScript的数据处理能力、DOM操作、CSS布局与样式设计以及可能的图像处理技术。通过巧妙的编程和设计,可以实现一个既美观又实用的前端组件,提供...

    JS做的树形菜单,自定义添加节点

    总之,"JS做的树形菜单,自定义添加节点"项目展示了JavaScript在创建动态、交互式用户界面方面的强大能力。通过理解DOM操作、事件处理、递归以及可能的CSS技巧,开发者可以创建出高效、可定制的树形菜单,满足各种...

    组织结构_js_树_组织机构_

    一种常见的方法是使用HTML的`&lt;ul&gt;`和`&lt;li&gt;`元素来构建树的层级结构,通过CSS控制样式,以及JavaScript来处理节点的展开与折叠。例如,父节点可能是一个闭合的`&lt;ul&gt;`,点击后展开其子节点。此外,还可以添加自定义...

    JS读XML无限节点

    为了使树形视图具有交互性,如展开/折叠节点,你需要监听`&lt;li&gt;`元素的点击事件,然后动态地添加或移除子`&lt;ul&gt;`。可以使用CSS类来控制展开/折叠的视觉效果。 6. **优化性能** 对于大型XML文档,避免一次性加载所有...

    js生成的树形菜单。。

    总之,JavaScript生成的树形菜单是前端开发中的一个重要部分,涉及到HTML结构设计、CSS样式设置和JavaScript交互实现。开发者可以根据项目需求选择适合的实现方式,从简单的原生JS到利用各种框架和库,都能实现功能...

    读取xml生成树,ajax读取xml动态生成树(1)

    本教程将深入探讨如何通过读取XML文件来生成树形结构,以及利用AJAX技术动态加载XML数据以实现交互式树形菜单。 1. **XML基础知识** - XML元素:XML文档的核心组成部分,由开始标签、内容和结束标签组成,如`...

    ajax动态生成树 用于jsp

    本文将深入探讨如何使用Ajax技术在JSP(JavaServer Pages)环境中动态生成树形结构,以实现数据的实时加载和交互。 首先,我们需要理解Ajax的基本原理。Ajax的核心是XMLHttpRequest对象,它允许在不重新加载整个...

Global site tag (gtag.js) - Google Analytics