树状导航栏
是很常用简单的js代码,但用多了Ztree等插件实现树状导航栏,就一点乐趣都没有了。
一个函数即可搞定,话不多说上代码:
window.onload = function() {
var tree = document.getElementById("tree");
var lis = tree.getElementsByTagName("li");
for(var i = 0; i < lis.length; i++) {
(function(a) {
//为每一个子树增加一个点击事件。
lis[a].onclick = function() {
//一定要取消冒泡机制,否则点到子树会触发每一个上层的树
event.stopPropagation();if(typeof this.getElementsByTagName("ul") !== null) {
var ul_first = this.getElementsByTagName("ul")[0];
if(ul_first.style.display == "block")
ul_first.style.display = "none";
else
ul_first.style.display = "block&
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
