以編程方式添加onclick事件

Question

如何以編程方式向HTML中的標記添加onclick事件？

我希望能夠點擊鏈接，並且附加到javascript功能的onclick事件會在另一個標籤上生效。

這是我到目前爲止有：

var table = document.getElementById(tableID); 
var rowCount = table.rows.length; 
var row = table.insertRow(rowCount); 
var cell1 = row.insertCell(0); 
var element1 = document.createElement("input"); 
element1.type = "text"; 
element1.id="List["+num+"].id"; 
element1.name="List["+num+"].id"; 
element1.onclick="javascript:CalCal()"; 
cell1.appendChild(element1); 

我想打電話onClick事件的JavaScript函數CalCal()。這可能嗎？

Answer 1

但是要記住該addEventListener在IE支持剛從版本9.支持舊版本的IE，你可以使用類似的東西：

if (element1.addEventListener) { // all browsers except IE before version 9 
    element1.addEventListener("click", CalCal, false); 
} else { 
    if (element1.attachEvent) { // IE before version 9 
    element1.attachEvent("click", CalCal); 
    } 
} 

Answer 2

是可以以編程方式在JavaScript這樣添加一個onclick事件：

element1 = document.getElementById("your_tag_id"); 
element1.addEventListener("click", CalCal) 

這個高度onClick事件使用id = 「your_tag_id」 來標記。

您還可以刪除這樣的onclick事件：

element1.removeAttribute("click"); 

更多在https://developer.mozilla.org/en-US/docs/DOM/element.addEventListener

Answer 3

嘗試

element1.onclick=CalCal; 

代替：

element1.onclick="javascript:CalCal()";