六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

JS动态添加表格同时设置行双击事件并传递参数调用函数示例代码

Admin | 2009-5-9 23:03:30 | ReadNums | 10056 | 标签 网页制作 | 打印本页
     

  以下代码实现的功能是:动态添加表格行及单元格,同时动态设置行的事件;当鼠标双击表格动态产生的行的时候,传递参数执行函数。

  <title>六合开奖结果现场直播</title>
  <script language="javascript">
   //IE
  function RowClick(RowNum)
  {
    alert("您点击的是第"+RowNum+"行");
  }
  var rowIndex=0
  function insertRowForIE()
  {
       var targetTable = document.getElementById("MyTable");
       var objRow=targetTable.insertRow();
 
   rowIndex=rowIndex+1;
 
   objRow.setAttribute("id",rowIndex);
   objRow.setAttribute("ondblclick", RowClick(rowIndex));
     
    var objCell0 = objRow.insertCell();
   objCell0.innerHTML="添加的第"+rowIndex+"第1列";
   objCell0.setAttribute("width","30%");
   objCell0.setAttribute("align", "center") ;
       
   var objCell1 = objRow.insertCell();
   objCell1.setAttribute("align", "center") ;
   objCell1.setAttribute("width","30%");
   objCell1.innerHTML="添加的第"+rowIndex+"第2列";
     
   var objCell2 = objRow.insertCell();
   objCell2.innerHTML="<textarea id='newdesc' name='newdesc' style='width:100%;' rows='3'  ></textarea>";
  }
  </script>
  </head>
  <body>
  <table id="MyTable" border="1">
  </table>
  <input type="button" value="添加行并设置属性" onclick="insertRowForIE()" />
  </body>


问题未解决:在线咨询

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日