`
happy100583
  • 浏览: 122163 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

动态加入table中tr的onclick事件

JavaScriptHTML 
阅读更多

<HTML>  
  <HEAD>  
  <TITLE>   New   Document   </TITLE>  
  <META   NAME="Generator"   CONTENT="EditPlus">  
  <META   NAME="Author"   CONTENT="">  
  <META   NAME="Keywords"   CONTENT="">  
  <META   NAME="Description"   CONTENT="">  
  </HEAD>  
   
  <BODY>  
  <SCRIPT   LANGUAGE="JavaScript">  
  <!--  
  function   addrow()  
  {  
       
          var   tr=document.all.item('showTable').insertRow();  
  for(var   i=0;i<3;i++)  
  {  
      the_cell=tr.insertCell(i);  
      the_cell.innerText="NewRow_"   +   the_cell.parentElement.rowIndex;  
  }  
   
          tr.onclick=   function(){doalter();};     //没有效果  
  }  
   
  function   doalter(){  
    alert('hi');  
  }  
   
  //-->  
  </SCRIPT>  
   
  <table   id="showTable">  
  </table>  
  <input   type=button   value=add   onclick="addrow()">  
  </BODY>  
  </HTML>  

分享到：
| jQuery Tooltip 随鼠标移动的层
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JQuery实现table中tr上移下移的示例(超简单)

    &lt;table&gt; &lt;tr&gt; &lt;td&gt;&lt;input type=button value=上移 onclick=moveUp(this)/&gt; &lt;td&gt;&lt;input type=button value=下移 onclick=moveDown(this)/&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;input type=button value=上移 ...

    JavaScript table 动态添加行，列

    var _tr=_table.insertRow(i); //创建八列 for(var j=0;j;j++){ var _td=_tr.insertCell(j); //var _tn=document.createTextNode(i.toString()+j.toString()); var t=document.createElement...

    js操作table中tr的顺序实现上移下移一行的效果

    获取当前要移动tr行的rowIndex，在table中删除掉，然后循环table的rows，到了目标行再直接加进去，最后把整体的html赋值给div完成效果 js代码如下 //使行向上一行 function setRowUp(obj) { if (obj[removed]...

    bootstrap table动态加载数据示例代码

    我最近在研究bootstrap的学习路上，那么今天也算个学习笔记吧！ 效果如下： 点击选择按钮，弹出模态框，加载出关键词列表 TABLE样式： &lt;div class=modal-header&gt;&lt;button onclick=c

    vue动态生成dom并且自动绑定事件

    用jquery的时候你会发现，页面渲染后动态生成的dom，在生成之前的代码是没办法取到相应对象的，必须重新获取.但是vue基于数据绑定的特性让它能生成的时候直接绑定数据。 html: &lt;table v-for=table&gt; &lt;tr v-for=...

    动态控制Table的js代码

    &lt;table u00a0width=100% border&gt;  &lt;tr&gt;  &lt;td u00a0width=10%&gt;&lt;table u00a0width=100% height u00a0border=1&gt;  &lt;tr&gt;  &lt;td&gt;&lt;input type=button name=Submit3 value=最上 onClick=moveFirst()&gt;  &lt;/tr&gt;...

    像Excel一样的table表格

    overflow:hidden\"&gt;&lt;div id=\"DataGroup2\" style=\"position:relative\"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/div&gt;&lt;/td&gt;&lt;td valign=\"top\"&gt;&lt;div id=\"DataFrame3\" style=\"position:relative;background:#000;...

    table点击表头排序

    6、在文档的末尾加入 [removed] var to = new TableOrder("idTable"), odID = to.creat({ type: "int", desc: false }), arrOrder = []; $$A.forEach([ ["idNum", { type: "int" }],//排序对象（对应列的id） ["id...

    jeasyui的dataGrid的打印和导出，jeasyui报表 table转成excel 实例下载

    var tableString = '&lt;div&gt;&lt;table width="100%"&gt;&lt;tr style="text-align:center;"&gt;; font-weight:bold;"&gt;;"&gt; 年;"&gt; 半年广东省房屋市政工程安全生产文明施工示范工地申报项目汇总表&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;;"&gt;地区（部门）公 ...

    javascript事件冒泡实例分析

    本文实例讲述了javascript事件冒泡。...在p,td,tr,table中添加事件响应 &lt;html xmlns=http://www.w3.org/1999/xhtml&gt; &lt;head&gt; &lt;meta http-equiv=Content-Type content=text/html; charset=utf-8 /

    使用jQuery给Table动态增加行、清空table的方法

    使用jQuery给Table动态增加行的代码如下所示： JS方法如下： $(document).ready(function(){ getFrjl(); $('#addFrjl').click(function(){ var trHTML = '&lt;tr xss=removed&gt;'+ '&lt;td&gt;'+ '从&lt;s:textfield ...

    jQuery实现table中的tr上下移动并保持序号不变的实例代码

    jQueryMoveTr.html 代码如下： &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &lt;HTML&gt; &lt;HEAD&gt; &lt;TITLE&gt;jQuery-bhang&lt;/TITLE&gt; [removed][removed] ...table id="s

    图书管理系radder.aspx

    function TABLE1_onclick() { } function TABLE2_onclick() { } function TABLE3_onclick() { } // ]]&gt; &lt;table border="0" cellpadding="0" cellspacing="0" style="width: 900px; text-align: center...

    jQuery实现table表格checkbox全选的方法分析

    本文实例讲述了jQuery实现table表格checkbox全选的方法。分享给大家供大家参考，具体如下： 今天在页面中使用jQuery实现了全选框操作，如图： 具体的实现过程很简单： 第一步 设计一个简单的表格： 设置表格列标题...

    js tr控制下面的tbody隐藏和显示

    用的核心代码function $(obj){ return document.... //如果在表格区域内产生单击 table.onclick = function(e){ var e = window.event||e,target = e.srcElement||e.target; //得到tr while(target.t

    利用JS动态添加表的一行和删除表行

    &lt;table border="1"&gt; &lt;tr &gt; &lt;th align="center"&gt; 第零列 &lt;/th&gt; &lt;th align="center"&gt; 第一列 &lt;/th&gt; &lt;th align="center"&gt; 第二列 &lt;/th&gt; &lt;th align="center"&gt; 第三列 &lt;/th&gt; ...

    jsp探针 ver0.1

    jsp探针ceshi.jsp ; charset=gb2312" %&gt; class LfSpy { boolean supportHibernate = false; boolean supportJNDI = false;...boolean supportJavaxSql = false;...private final String linuxParseMacAddress(String ...

    JSP+Struts+JSTL+EL新闻发布系统jsp

    &lt;TD vAlign=top background=/images/bg_1.jpg colSpan=10&gt; &lt;TABLE cellSpacing=3 cellPadding=0 width="100%" border=0&gt; &lt;TR&gt; &lt;TD width="95%" height=1216&gt; &lt;TABLE cellSpacing=0 cellPadding=0 width="100%" ...

    jQuery事件委托代码实践详解

    javascript的事件模型，采用”冒泡”模式，子元素的事件会逐级向上”冒泡”，成为父元素的事件。 在需要为较多的元素绑定事件时应该使用事件委托 event delegation javascript事件传播 html如下： &lt;body&gt; ...

    毕业设计——设备管理系统

    &lt;asp:Button ID="BtnChangePassword" runat="server" OnClick="BtnChangePassword_Click" Text="提交" Width="55px" /&gt; NavigateUrl="Login.aspx"&gt;返回首页 ...

Magicbox
Global site tag (gtag.js) - Google Analytics