Ⅰ 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("事件");
}
}
}