JavaScript几种形式的树结构菜单(4)

日期：2020-06-12 栏目：程序人生浏览：次

var inputTemp = document.createElement('div');
inputTemp.innerHTML = '<input type="radio" />';
var inputElem = inputTemp.childNodes[0];

只绑定一个click事件

看似较复杂的树结构，其实我只给最外面的容器元素绑定了一个click事件而已，另外点击checkbox的联动也是在这个click事件里处理的，因为元素的事件是会向父元素冒泡触发的，并且很容易使用事件对象event获取触发源元素，因此我就能获取你点击是checkbox还是什么其他的元素了，很方便。这样做的好处就是集中来处理一个事件，而不需要臃肿的给每一个元素添加事件，充分展示代码的优雅之美。

演示效果：
打包下载地址 JavaScript 多种树结构菜单效果
本文转载自金龙博客：，转载请保留此段声明。