導航:首頁 > 編程語言 > jstronclick事件

jstronclick事件

發布時間:2023-09-23 10:19:46

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

閱讀全文

與jstronclick事件相關的資料

熱點內容
股票數據放哪裡 瀏覽:576
m格式庫文件 瀏覽:279
天際通數據服務怎麼開票 瀏覽:430
寫小說發哪個網站比較好 瀏覽:244
小米電視3藍牙文件路徑 瀏覽:111
shell讀取文件值 瀏覽:909
文件夾路徑欄消失 瀏覽:795
律師哪些業務不能代替大數據 瀏覽:952
lol哪些文件可以刪除 瀏覽:701
匯編程序中del是什麼意思 瀏覽:183
幼兒園免費網站模板下載 瀏覽:210
w619線刷教程 瀏覽:759
怎麼培養編程思想 瀏覽:697
手機捆綁app的軟體怎麼卸載 瀏覽:32
vb編程器有什麼用 瀏覽:999
excel如何分列數據與文字 瀏覽:884
512網路病毒 瀏覽:994
java調用google地圖api介面 瀏覽:726
文件管理圖片小窗 瀏覽:599
顯卡數據怎麼設置 瀏覽:557

友情鏈接