第二十六天

按钮触发匿名函数实例

转载于 2016-12-13 23:29:00 发布 · 62 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bennykiss/p/6174170.html

本文通过一个具体的示例讲解了如何使用按钮触发匿名函数，并详细解释了如何利用此方法实现对多个元素显示隐藏状态的控制。该代码适用于网页中需要进行标签数量同步操作的场景。

今天打了一天的码。终于弄懂了一个关于按钮触发匿名函数，内部循环内容

ps[i].id=i;调用了标签数量同步第二个函数的结构。

window.onload = function(){
        var ps=document.getElementsByTagName("p");
        var uls=document.getElementsByTagName("ul");
        for(var i=0;i<ps.length;i++){
            ps[i].id=i;
            ps[i].onclick = function(){
            var ul_obj = uls[this.id];
        
                if(ul_obj.style.display == "block"){
                    ul_obj.style.display = "none";
                }else{
                    for(var j=0;j<uls.length;j++)
                {
                    uls[j].style.display="none";
                }
                    ul_obj.style.display = "block";
                }
            }
        }
     }