JS如何为动态生成的表格添加事件?

我动态生成一个表格,然后我要怎样才可以给每个tr加上一个ondblclick的双击事件,和相应的行数?

//得到表格对象;
var tab=document.all.tableId;
tab.setAttribute("align","center");
tab.setAttribute("ondblclick","getShowGoods()"); //这样添加没有用!.

该怎么写啊? 有谁能告诉我啊...

//添加1行:
var tr=tab.insertRow();
//添加2列;
var td1=tr.insertCell();
var td2=tr.insertCell();

第1个回答  2009-09-13
<html>
<head>
<title>Untitled Document</title>
<script>
function addRow()
{
var table = document.getElementById("t");

var tr = table.insertRow();

var td1 = tr.insertCell();
var input1 = document.createElement("input");
input1.name = "a";
input1.value = "a";
td1.appendChild(input1);

var td2 = tr.insertCell();
var input2 = document.createElement("input");
input2.name = "b";
input2.value = "b";
td2.appendChild(input2);

var td3 = tr.insertCell();
var input3 = document.createElement("input");
input3.name = "c";
input3.value = "c";
td3.appendChild(input3);

tr.ondblclick = function()
{
tr.parentNode.removeChild(tr);
}
}
</script>
</head>
<body>
<table id="t" border="1">
</table><br>
<input type="button" value="addRow" onclick="addRow();"/>
</body>
</html>

给你参考下
第2个回答  2009-09-13
直接添加就可以呀
tab.ondblclick=function() { alert("双击");};本回答被提问者采纳

Js动态生成Table过程中个Tr添加onmouseover事件
var Tr=document.createElement("tr");Tr.innerHTML="移到这里来!"Tr.onmouseover=function(){ this.style.backgroundColor='#e1e8fb'alert(1);} var Table=document.getElementById("table的id");\/\/或者是其他的方式获取的Table对象。Table.appendChild(Tr);上面的代码就可以了 ...

如何在用JS自动增加的TR上面增加一个onclick事件
<HEAD> <\/HEAD> <BODY> <\/BODY> <\/HTML> var table = document.getElementById("mytable");var tr;tr = table.insertRow(0);tr.height=25;tr.onclick=function(){ alert("tr created!")} tr.insertCell();

js动态生成表格里的数据,怎么在js里动态的获取表格里特定行里修改了的...
如果修改的是整个表格的话,给表格一个id,然後用document.getElementById('aa').innerHTML。如果是tr或者td也是一样,给特定的tr或者td一个id,然後用document.getElementById('aa').innerHTML来获取裏面的数据,如果要修改的话最好用jQuery,因为在ie中操作不能用innerHTML来修改的,用jquery直接用h...

用javascript实现动态表格时,如何在表格里添加勾选框?
可以给td生成一个动态ID,然后document.getElementById('yourid').innerHTML=""而且,既然表格是动态的,则意味着TD肯定也是动态生成的,那么这个td的js对象是很容易获取到的,直接td的对象.innerHTML='''就行了。。给段代码你参考下。。。var newtr=document.getElementById('table').insertRow(-1...

jsp页面连接数据库(如MySQL)动态生成可操作的表格
1 连接mysql,动态生成表格,这个动态的含义不是很明确,目前网上关于使用JDBC连接mysql数据库的文章很多,我就不复制粘贴了,请你百度一下,一大把。2 点击或者是移动到某行,高亮显示。这里提供一个方法,在标签tr里加上onMouseOver和onMouseOut事件,配合js(或者jquery)修改css即可实现移动到某行高亮,...

用js怎么动态生成一个文本框,有增加删除按钮,并可以取得文本框内的字符...
document.getElementById('div').innerHTML='';" value="增加文本框" \/>

怎么用javaScript动态的添加一行~在图片所示的位置
你好!你的这个问题,可以使用javascript的 insertBefore函数来解决。大概的代码如下:var d = document.getElementById("xuhao");\/\/获取序号行节点,设置一个id为xuhao,便于定位var tr = document.createElement('tr'); \/\/创建行元素var td = document.createElement('td'); \/\/创建列元素td....

js动态创建button并添加点击事件不生效的坑
动态生成的DOM元素便无法再被检测到。为解决此问题,采用事件委托技术,即先给父级元素绑定onclick事件。这样,无论动态生成多少子元素,只要它们位于已绑定事件的父级元素下,点击事件都能有效触发。通过这样的改进,代码得以修正,动态创建的按钮点击事件也顺利生效,问题迎刃而解。

如何为动态生成的标签添加事件 ,只有点击时触发?
近日工作当中,需要对由jquery动态生成的标签添加一些事件效果。最初的做法是在页面载入时调用事件监听如下:Js代码 1.$(document).ready(function(){ 2. $("a.keyWord1").hover( 3. function(){ 4. $(this).css("text-decoration","underline"); 5. $(this).css("co...

JS问题,动态生成的TR怎么让点击一个按钮就相应的隐藏或显示TR?
用js动态生成tr和td functiononchecks(){ vartr1=document.getelementbyid("tb").insertrow();vartd1=tr1.insertcell();td1.width="100px";td1.align="center";td1.innerhtml="第一页";vartd2=tr1.insertcell();td2.width="100px";td2.innerhtml="第二页";} ...

相似回答
大家正在搜