JS闭包实现给DIV添加事件

结构、动作、行为分离之JS闭包

最近在学习将ＨＴＭＬ/CSS/JavaScript分离 拿出来和大家分享下；

HTML:  

 1<ul id="pmenu" class="adminLeftNav">    
 2    <li >菜单1 
 3        <div id="p10"> 
 4            <a href="#">·子菜单</a> 
 5            <a href="#">·子菜单</a> 
 6            <a href="#">·子菜单</a> 
 7        </div> 
 8    </li> 
 9    <li >菜单2 
10        <div id="p11"> 
11            <a href="#">·子菜单</a> 
12            <a href="#">·子菜单理</a> 
13            <a href="#">·子菜单录</a> 
14            <a href="#">·子菜单</a> 
15            <a href="#">·子菜单</a> 
16        </div> 
17    </li> 
18    <li >菜单3 
19        <div id="p12"> 
20            <a href="#">·子菜单</a> 
21            <a href="#">·子菜单</a> 
22            <a href="#">·子菜单</a> 
23            <a href="#">·子菜单</a> 
24            <a href="#">·子菜单</a> 
25        </div> 
26    </li> 
27    <li >菜单4 
28        <div id="p13"> 
29            <a href="#">·子菜单</a> 
30            <a href="#">·子菜单</a> 
31            <a href="#">·子菜单</a> 
32            <a href="#">·子菜单</a> 
33            <a href="#">·子菜单</a> 
34        </div>   
35    </li> 
36    <li >菜单5 
37        <div id="p14"> 
38            <a href="#">·子菜单</a> 
39            <a href="#">·子菜单表</a> 
40            <a href="#">·子菜单</a> 
41            <a href="#">·子菜单</a> 
42        </div> 
43    </li> 
44    <li >菜单6 
45        <div id="p15"> 
46            <a href="#">·子菜单</a> 
47        </div> 
48    </li> 
49</ul>
50

 

CSS:

 

 1

 

JavaScript:

 

 1var obj1 = document.getElementById("pmenu").getElementsByTagName("li"); 
 2    for(var i=0;i<obj1.length;i++) 
 3