我已经使用javascript创建了一个按钮,但是我设置的onClick事件似乎不起作用.
这是我的代码:
function myFunction() {
console.log('button pressed')
}
var BUTTON = document.createElement("button");
BUTTON.name = "not";
BUTTON.type = "button";
BUTTON.onclick = "myFunction()";
var textBUTTON = document.createTextNode("TEST");
BUTTON.appendChild(textBUTTON);
var output = document.getElementById("test");
output.appendChild(BUTTON);Run Code Online (Sandbox Code Playgroud)
<div id="test"></div>Run Code Online (Sandbox Code Playgroud)
出现由javascript创建的按钮,但该函数myFunction()不执行任何操作.
如果我使用HTML手动创建按钮,它将按预期工作
function myFunction() {
console.log('button pressed')
}Run Code Online (Sandbox Code Playgroud)
<button name="not" type="button" onClick="myFunction()">TEST</button>Run Code Online (Sandbox Code Playgroud)