树状导航栏

是很常用简单的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&


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部