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  阅读(408)  评论(0编辑  收藏  举报