js----treeview实例

最新推荐文章于 2023-01-29 11:05:50 发布

y112102

最新推荐文章于 2023-01-29 11:05:50 发布

阅读量3.8k

点赞数

分类专栏： Jvascript 文章标签： function tree html 任务 c# c

本文链接：https://blog.csdn.net/y112102/article/details/6870374

版权

Jvascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

今天很高兴请教了一位同事之前没怎么太深入js 看到他在调试的时候发现问题的根源以及这个错误出现在哪里

看了他的操作真的是受益了--这些只可用心去体会原来js只要用心去学还是会成功的

问题2：

有朋友们用ie的F12 点击后没出来或者看不到呢？

这个问题好久了都没解决今天终于在csdn看到一个答案：原来f12的窗口到屏幕外面去了你自然看不到了呵呵

由于我用的是w7 对着f12的任务栏右击就会看到移动按钮了问题是不是解决了呢朋友们

好了下面是今天写的js代码：

html代码：

<head>
    <title></title>
    <style type="text/css">
    A{ text-decoration:none;}
    #t_sp_ment,#suppirt_ment,#contact_ment{ display:none; margin-left:2em;}
    </style>
</head>
<body>
<h1>Tree Example</h1>
<ul>
    <li><a id="t_sp" href="#">+[t_sp]</a>
        <ul id="t_sp_ment">
                <li><a href="a.htm">a1.htm</a></li>
                <li><a href="b.htm">b2.htm</a></li>
                <li><a href="c.htm">c3.htm</a></li>
        </ul>
    </li>
</ul>
<ul>
    <li><a id="suppirt" href="#">+[suppirt]</a>
        <ul id="suppirt_ment">
                <li><a href="a1.html">a1.html</a></li>
                <li><a href="b2.html">b2.html</a></li>
                <li><a href="c3.html">c3.html</a></li>
        </ul>
    </li>
</ul>
<ul>
    <li><a id="contact" href="#">+[suppirt]</a>
        <ul id="contact_ment">
                <li><a href="c1.html">c1.html</a></li>
                <li><a href="c2.html">c2.html</a></li>
                <li><a href="c4.html">c4.html</a></li>
        </ul>
    </li>
</ul>
    <script src="javascript/treeview.js" type="text/javascript"></script>
</body>
</html>


js代码：

function toggle(e){
    if (!document.getElementById) return;
    if (!e) var e = window.event;

    sp = (e.target) ? e.target.id : e.srcElement.id; //谁被点击了
    obj = document.getElementById(sp+"_ment");
    visble = (obj.style.display == "block");
    key = document.getElementById(sp);
    keyname = key.firstChild.nodeValue.substring(3);
    if (visble) {
        obj.style.display ="none";
        key.firstChild.nodeValue = "[+]" + keyname;
    }
    else {
        obj.style.display ="block";
        key.firstChild.nodeValue = "[-]" + keyname;
    }
}
document.getElementById("t_sp").onclick = toggle;
document.getElementById("suppirt").onclick = toggle;
document.getElementById("contact").onclick = toggle;

最后说声vs2010调试js 就跟我们调试c#代码一样在js前面加上 debugger; 是不是很实用呢? 其实我也是遇在csdn看到的

哥哥姐姐你们有愿意教教我的吗？

y112102

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js----treeview实例

今天很高兴请教了一位同事之前没怎么太深入js 看到他在调试的时候发现问题的根源以及这个错误出现在哪里看了他的操作真的是受益了--这些只可用心去体会原来js只要用心去学还是会成功的问题2：有朋友们用ie的F12 点击后没出来或者看不到呢？这个问题好久了都没解决今天终于在csdn看到一个答案：原来f12的窗口到屏幕外面去了你自然看不到了呵呵由于我用的是w7 对着f
复制链接

扫一扫