Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用JavaScript DOM生成带有onClick函数的输入按钮_Javascript_Html_Dom - Fatal编程技术网

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

使用JavaScript DOM生成带有onClick函数的输入按钮,javascript,html,dom,Javascript,Html,Dom,我使用JavaScript在页面上生成表单输入字段。除了按钮外,一切正常。我在使用DOM生成按钮的onClick函数时遇到了一些问题。您可以看到下面的代码,但在我的页面上,没有onClick函数作为输入按钮标记的属性: n = 1; function generate() { var radiomore = document.createElement("input"); radiomore.type = "button"; radiomore.name = "opt["

我使用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
}
那么:

radiomore.onclick = function () {
    addradiomore();
};
那么:

radiomore.onclick = function () {
    addradiomore();
};
您应该使用以下选项:

radiomore.onclick = addradiomore;
您应该使用以下选项:

radiomore.onclick = addradiomore;

但我如何才能在代码中插入。我知道如何创建一个新函数,但是我需要在上面提到的dom中创建它。但是我如何才能插入到我的代码中呢。我知道如何创建一个新函数,但我需要在上面这样的dom中创建它。是的。问题是,当您使用inspect元素时,它不知何故没有显示在按钮的属性中。无论输入按钮标签之间是否有函数标签,此代码都有效。谢谢。@CJRamki感谢您的确认@USER324442很高兴它有帮助@user324442此外,您可以在dev tools.Yeah中的“event listeners”选项卡下以这种方式查看附加的事件侦听器。问题是,当您使用inspect元素时,它不知何故没有显示在按钮的属性中。无论输入按钮标签之间是否有函数标签,此代码都有效。谢谢。@CJRamki感谢您的确认@USER324442很高兴它有帮助@USER324442此外,您可以在开发工具的“事件侦听器”选项卡下以这种方式查看附加的事件侦听器。