js里面使用insertCell() onclick事件获取原控件信息

最新推荐文章于 2021-03-22 12:40:58 发布
最新推荐文章于 2021-03-22 12:40:58 发布
阅读量2.9k 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/upseven/article/details/9274823
版权

http://zhidao.baidu.com/question/39824420.html

这个是原始的比较笨的方法，这个方法一旦在tab多行的情况下就不管用了，请看下面的改进方法

应该是这个方法setAttribute("id","yourName");
例子;
<html>
<script language="javascript">
 function createTr(){
  var tb=document.all.tb;
  var tr=tb.insertRow();
  var td=tr.insertCell();
  td.innerHTML="test";
  td.setAttribute("id","newTd");
  td.value="test";
  td.οnclick=clickMe;
 }
 function clickMe(){
  var td=document.getElementById("newTd").value;
  alert(td);
 }
 </script>
 <body>
  <table border="1" id="tb">
   <tr>
    <td οnclick="createTr()">click Me</td>
   </tr>
  </table>
 </body>
</html>

改进方法

<script language="javascript">
 function createTr(){
  var tb=document.all.tb;
  var tr=tb.insertRow();
  var td=tr.insertCell();
  td.innerHTML="test";
  td.setAttribute("id","newTd");
  td.value="test";
  td.οnclick=clickMe(this);
 }
 function clickMe(tobject){
  var td=tobject.value;
  alert(td);
 }
 </script>


汀州的夜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js动态添加表格数据使用insertRow和insertCell实现
12-03
效果图: 代码: js动态添加表格数据_2.html 代码如下: <!DOCTYPE html> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> <title>js动态添加表格数据_2 使用insertRow和insertCell方法实现</title> [removed] var mailArr = [ { “title”: “一个c#问题”, “name
4、web(js)：js 操作table: insertRow()，deleteRow()，insertCell()，deleteCell()方法
xushaozhang的专栏
02-15 2321
本文来自：http://www.cnblogs.com/dongxizhen/archive/2013/01/11/2856229.html 表格有几行: var trCnt = table.rows.length;  (table为Id ) 每行有几列：for (var i=0; i   javascript操作table:     insertRow()，deleteR
js里的insertCell和appendChild的区别
yongyonglsy的专栏
06-13 233
最近被一个奇怪的脚本问题困扰了好长时间，今天终于将原因弄清楚了，而且这个经验的确值得总结一下。 insertCell是html里的，appendChild是dom里的，其实两者并没什么关联（我也不知道对不对，暂且就当它是这样吧~），但还是想把它们扯在一起说。 事情是这样的，公司开发有一个下拉框的控件，是根据用户输入的数据实时查询数据库，显示与输入内容相关的数据，类似于C/S下的Combo...
js的insertRow和insertCell用法
weixin_30359021的博客
09-13 941
js的insertRow(-1)和insertCell(-1) 增加最后一行和增加最后一列 js的insertRow(5)和insertCell(5) 第5行后增加一行和增加第5列后增加一列 转载于:https://www.cnblogs.com/amylis_chen/p/11516202.html...
javascript中insertRow(index) 和insertCell(index)
kbx8916的博客
09-24 1149
js中的 tableObject.insertRow(index) 和 tablerow.insertCell(index) 函数用于向表格中添加行和单元格 eg function myfunc() { try { var x=document.getElementById("tb").insertRow(-1); } catch(e) { alert("the
javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)
10-26
以下是一个使用`insertRow()`的例子： ```html <tr><td>Row1 cell1</td><td>Row1 cell2</td></tr> <tr><td>Row2 cell1</td><td>Row2 cell2</td></tr> <input type="button" onclick="insRow()" value="Insert ...
原生JavaScript在网页实现类似excel.rar
03-31
原生JavaScript实现的类似Excel功能虽然不如专门的库（如Handsontable、SheetJS等）功能全面，但它提供了一种轻量级且可控的解决方案，适合在特定场景下快速实现基本的电子表格功能。对于进一步开发和增强功能，可以...
js的日历时间控件
09-08
js的日历时间控件 if(typeof Control=="undefined"){Control={}}Control.DatePicker=Class.create({initialize:function(element,options){this.element=$(element);if(dp=this.element.retrieve("datepicker")){dp....
javascript 动态添加表格行
龙的天空
03-09 926
原文出处：[url]http://www.wangchao.net.cn/bbsdetail_305567.html[/url]动态添加表格行 文/Ray 表格部分代码如下：第一行第二行第三行动态添加表行的javascript函数如下：function addRow(){//添加一行var newTr = testTbl.insertRow();//添加两列var newTd0 = n
js操作之cloneNode、insertRow、insertCell例子
ocean1010的专栏
07-08 3510
文本克隆函数cloneNode他有两个参数——true or false true：完全的复制一个节点，什么叫完全呢，就是复制一切，包括他的子节点，以至于文本节点，凡是有的，一律克隆，所谓完全  false：只克隆当前节点，不克隆任何的子节点，当然也不会克隆他所包裹的文本，因为任何文本都有指向他的节点（文本节点）  当然有时候两者是可以通用的哦，如果要复制的节点没有任何的子节点，这是二者
body onload()事件和table insertRow()、tr insertCell()
weixin_30435261的博客
08-04 216
onload事件： 定义和用法： onload 事件会在页面或图像加载完成后立即发生。 onload 通常用于 <body> 元素，在页面完全载入后(包括图片、css文件等等。)执行脚本代码。 语法： 在HTML中：<body onload="SomeJavaScriptCode"> 在JavaScropt中：window.onload=function(){S...
javascript 动态创建表格
DB2菜鸟的专栏
11-24 1131
关键字: javascript 动态创建表格 利用js来动态创建表格有两种格式，appendChild()和insertRow、insertCell()。两种方式其实差不多，但第一种有可能在IE上有问题，所以推荐大家使用第二种了，直接说吧。 1、inserRow()和insertCell()函数 insertRow()函数可以带参数，形式如下： insertRow(index)：ind
asp.net获取当前用户操作的控件
我的Blog
04-10 1198
1.在aspx页面放置一个textbox控件2.在页面的后台事件里给想要获取别用户操作的控件注册onclick的attributes和 onclick应该响应的函数。3.在前台页面响应函数中，获取textbox控件，把触发onclick事件控件名称赋值给textbox4在后台通过textbox的值，来判断用户当前操作的控件。onclick的事件函数get_currentControl(obj){ 
js 操作table
fox123871的专栏
08-30 994
记得以前面试的时候遇到过这样一个问题：有一个表格，然后有４个输入框，一个合并按钮，输入框是这样的，从第几行到第几行，从第几列到第几列，然后点击按钮，合并。当时我从学校出来，js知识只是知道一些，根本做不到！现在想想，其实这个问题也还是考基础功夫是否扎实！大家有兴趣可以自己做做看，
javascript如何创建表格(javascript绘制表格的二种方法)
weixin_54963682的博客
03-22 4123
javascript如何创建表格(javascript绘制表格的二种方法) 利用js来动态创建表格有两种格式，appendChild()和insertRow、insertCell()。两种方式其实差不多，但第一种有可能在IE上有问题，所以推荐大家使用第二种方法，看下面的解决和使用方法 1、inserRow()和insertCell()函数 insertRow()函数可以带参数，形式如下： insertRow(index)：index从0开始 这个函数将新行添加到index的那一行前，比如in.
js中对表格的操作总结
weixin_34400525的博客
02-02 95
inserRow()和insertCell()方法 首先，表格行索引从0开始。 inserRow()： 这个函数将新行添加到index的那一行前， 比如insertRow(0),是将新行添加到第一行之前。 默认的insertRow()函数相当于 insertRow(-1)，将新行添加到表的最后。 objTable.insertRow (objTable.rows.length...
js插入行、列[insertRow()、insertCell()]
weixin_30820151的博客
05-06 1284
测试1 tableObj.insertRow(index)，在表格指定位置插入一个新行元素()，新行被插在index所在行之前。该方法的返回值是插入的新行。 如果一个表格有3行，index=0时插入第一行，index=3时插入最后一行，如图：(图_1)若参数 index 小于 0 或大于等于行中的的表元数，该方法将抛出代码为 INDEX_SIZE_ERR 的 DOMExcept...
insertCell
最新发布
07-29
insertCell()是一个JavaScript方法，用于在HTML表格中插入一个新的单元格。它可以通过指定要插入的行和列的索引来使用。例如，引用\[2\]中的代码演示了如何使用insertCell()方法在表格的第一行中插入一个新的单元格。在这个例子中，通过使用getElementById()方法获取到表格的id为"tr2"的行，然后使用insertCell(0)方法在该行的第一个位置插入一个新的单元格。最后，使用innerHTML属性设置新单元格的内容为"John"。这样就在表格中成功插入了一个新的单元格。 #### 引用[.reference_title] - *1* [insertRow()与insertCell()方法的运用](https://blog.csdn.net/leejin_521/article/details/6935277)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [4、web(js)：js 操作table: insertRow()，deleteRow()，insertCell()，deleteCell()方法](https://blog.csdn.net/xushaozhang/article/details/55222974)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值