Ⅰ js中怎么为每个创建的td添加onclick事件
改成这样子试试。
txtNode = document.createTextNode(nextNode);
cell.appendChild(txtNode);
row.appendChild(cell);
nameTableBody.appendChild(row);
cell.onmouseout = function(){this.className='mouseOver';};
cell.onmouseover = function(){this.className='mouseOut';};
cell.setAttribute("bgcolor","red");
cell.setAttribute("border","1");
var self=this;
cell.onclick =function(){
alert('1111');
inputField.value = self.firstChild.nodeValue;
clearNames();
};
Ⅱ 如何在用JS自动增加的TR上面增加一个onclick事件
<HTML>
<HEAD>
</HEAD>
<BODY>
<table id="mytable" width=50% style="border:1px solid #000">
</table>
</BODY>
</HTML>
<script lanage="javascript">
var table = document.getElementById("mytable");
var tr;
tr = table.insertRow(0);
tr.height=25;
tr.onclick=function(){
alert("tr created!")
}
tr.insertCell();
</script>
Ⅲ 在表格中单击其中的某一行产生一个js单击事件,怎么样在js获取这一行的某一个td的数据
先说思路：
当点击某一行的时候，能得到这个tr的对象，可以通过这个对象得到该行的所版有td对象，这时候可以权通过一个序号来获取这一行的某个td的数据。
下面以代码来解释
<tableid="tb">
<tr>
<td>a</td><td>b</td><td>c</td>
</tr>
<tr>
<td>aa</td><td>bb</td><td>cc</td>
</tr>
</table>
<script>
//以jquery为例实现点击某行获得某个td的数据
$("#tbtr").click(function(){//给每行绑定了一个点击事件
vartd=$(this).find("td");//this指向了当前点击的行，通过find我们获得了该行所有的td对象
//题中说到某个td，为了演示所以我们假设是要获得第3个td的数据
vardata=td.eq(2).html();//通过eq可以得到具体的某个td对象，从而得到相应的数据
});
</script>
综上，我们就实现了通过点击某行获得某个td的数据。
Ⅳ JS为表格每行添加点击事件
很简单；不用修改html页面专
js如下属
window.onload=init；
function init(){
var trs=documents.getElmentsByTagName('TR');
for(var i=0;i<trs.length;i++)
trs[i].onclick=doclick;
}
function doclick(){
alert(this.innerHTML);
}
Ⅳ js 动态添加的按钮 onclick事件怎么写
我刚写的.需要引用JQuery,我这个JQ用的是google的共用地址,你也可以换成自己的.
在ie8下调试的,
其他没事,用jquery的话一般浏览器都没问题,试试吧
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
function addTr(){
$('<tr><td>'+Math.random()+'</td><td><input type="button" class="del" value="删除" /></td></tr>').appendTo($("#t"));
}
for(var i =0;i<5;i++){
addTr();
}
function BindEvent(){
$(".del").click(function(){
$(this).parent().parent().remove();
});
}
$("#addtr").click(function(){
addTr();
BindEvent();
});
BindEvent();
});
</script>
</head>
<body>
<input type="button" value="添加行" id="addtr" />
<table id="t" border=1>
</table>
</body>
</html>
Ⅵ 怎样用Js循环为Table中的Tbody下的每行添加onclick事件，要求不使用JQuery~
var tbody = document.getElementById("tbody的ID");
var tr = tbody.childNodes;
for (var i = 0; i < tr.length; i++) {
if (tr[i] != undefined && tr[i].toLowerCase() == "tr") {
tr[i].onclick = function() {
alert("事件");
}
}
}