在网上发现了一个老外写的JS无限级数。
效果如图:
下载:https://files.cnblogs.com/zjfree/jsTree.zip
代码写的很赞,准备好好学习一下。
循环UL下的所有LI
for ( var li = ul.lastChild; li; li = li.previousSibling) if (li.nodeName == "LI" ) { //处理UL下的所有LI } |
获取事件触发者
img.onclick = function (e) { e = e || window.event; var t = e.target || e.srcElement; //t为事件触发者 } |
在LI中最前面添加元素
li.insertBefore(img, li.firstChild); |
获取最近的父级LI
while (li && li.nodeName != "LI" ) li = li.parentNode; |
添加或删除class
span.className += ", newClass ," ; span.className = span.className.replace( ", newClass ," , "" ); |
创建类,使用JSON格式定义
function Tree(elId) { this .name = 'aaa' ; this .elem = null ; this .id = elId; this .opt = { icons:[ 'aaa' , 'bbb' ], getIcon: function (){ //获取图标 } }; this .alert = function (msg){ alert(msg); }; } var t = new Tree( 't' ); t.alert( 'ssss' ); |
欢迎转载,转载请注明:转载自[ http://www.cnblogs.com/zjfree/ ]
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步