以编程方式添加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()";