javascript为网页元素绑定click事件 

 1 <fieldset>
 2 　　<legend>Web API</legend>
 3 　　<table>
 4 　　　　<tr><th>Method</th><td>get</td></tr>
 5　　　　 <tr><th>Return</th><td>null</td></tr>
 6　　 </table>
 7 </fieldset>
 8 
 9 <script language="javaScript">
10 　　var show = function(event){
11 　　obj = this.nextElementSibling? this.nextElementSibling: event.srcElement.nextSibling;
12 　　var agent = navigator.userAgent.toLowerCase();
13 　　var display = !/opera/.test(agent) && /msie/.test(agent)? "block": "table";
14 　　if(obj.style.display==display){
15 　　　　obj.style.display = "none";
16 　　　　obj.parentNode.style.width = "18%";
17 　　}
18 　　else{
19 　　　　obj.style.display = display;
20 　　　　obj.parentNode.style.width = "98%";
21 　　}
22 
23 };
24 
25 function addClickEvent(){
26 　　var elems = document.getElementsByTagName("legend");
27 　　for(var i=0; i<elems.length; i++){
28 　　　　elems.addEventListener? elems.addEventListener( "click", show, false ):
29 　　　　elems.attachEvent("onclick", show);
30 　　}
31 }
32 addClickEvent();
33 </script>

 

posted on 2011-12-11 08:28  Jacky Yu  阅读(423)  评论(0)    收藏  举报