javascript - 使用 JavaScript DOM 生成带有 onClick 函数的输入按钮

Question

我使用 JavaScript 在我的页面上生成表单输入字段。一切正常，除了按钮。我在使用 DOM 生成按钮的 onClick 函数时遇到了一些问题。你可以看到下面的代码，但是在我的页面上，没有onClick函数作为输入按钮标签的属性:

n = 1;
function generate() {
    var radiomore = document.createElement("input");
    radiomore.type = "button";
    radiomore.name = "opt[" + n + "]";
    radiomore.value = "Add more options";
    radiomore.setAttribute = ('onClick',addradiomore);
    var div = document.createElement("div");
    div.innerHTML = "Op: " + radiomore.outerHTML + "<br/>";
    document.getElementById("mydiv").appendChild(div);
n++;
}

function addradiomore() {
    //here goes the function code
}

这是它在我的页面上生成的内容:

<input type="button" name="opt[1]" value="Add more options">

没有功能？!？!

附言 即使我这样使用它也不起作用:

radiomore.onclick = addradiomore();

Answer 1

你应该使用这个:

radiomore.onclick = addradiomore;

DEMO