zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    SQLServer多表联查,多表分页查询
    GOF23种设计模式概括
    常用的正则表达式
    面向对象七大原则
    Jquery简单学习
    MVC图片上传详解
    面向对象OOP概念描述
    C++ 基础命名空间 using namespace std;
    找不到WJSWDLL.dll
    AspectJ中的类型间声明(成员注入)
  • 原文地址:https://www.cnblogs.com/uniqid/p/4154604.html
Copyright © 2011-2022 走看看