使用JavaScript DOM生成带有onClick函数的输入按钮
我使用JavaScript在页面上生成表单输入字段。除了按钮外,一切正常。我在使用DOM生成按钮的onClick函数时遇到了一些问题。您可以看到下面的代码,但在我的页面上,没有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["
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此外,您可以在开发工具的“事件侦听器”选项卡下以这种方式查看附加的事件侦听器。