如何使用纯javascript更新元素的onclick事件？

Question

如何改变onclick =“javascript：func-x（）”

<input type="button" onclick="javascript:func-x()" value="MENU" id="btn">

onclick =“javascript：func-y（）”在javascript上具有相同的ID？

<input type="button" onclick="javascript:func-y()" value="MENU" id="btn">

我试过了：

var c = document.getElementById('btn'); //input#btn
// ...

但我不知道该怎么做......

Answer 1

您可以尝试使用setAttribute方法，如下所示：

function func_x(input) {
  console.log('I\'m func_x function');
  
  input.setAttribute('onclick', 'javascript:func_y()');
}

function func_y() {
  console.log('I\'m func_y function');
}

<input type="button" onclick="javascript:func_x(this)" value="MENU" id="btn">

Answer 2

Javascript：

document.getElementById("btn").attribute("onclick","javascript:func-y()");

Jquery：

$("#btn").attr("onclick","javascript:func-y()");