要将"onClick"添加到由JavaScript生成并写入InnerHTML的多个按钮,可以按照以下步骤进行操作:
var button = document.createElement("button");
button.setAttribute("onclick", "myFunction()");
button.innerHTML = "Click me";
document.getElementById("container").innerHTML = button.outerHTML;
var container = document.getElementById("container");
for (var i = 0; i < 5; i++) {
var button = document.createElement("button");
button.setAttribute("onclick", "myFunction()");
button.innerHTML = "Button " + (i + 1);
container.innerHTML += button.outerHTML;
}
在上述代码中,使用了一个for循环生成了5个按钮,并将它们添加到名为"container"的容器中。
需要注意的是,由于使用了innerHTML来写入按钮元素,每次循环都会重新渲染整个容器的内容,这可能会影响性能。如果需要更高效的方式,可以考虑使用DocumentFragment或直接操作DOM来添加按钮元素。
此外,"onClick"是一个事件处理程序,可以将其替换为其他事件,如"onmouseover"或"onkeydown",具体取决于需要实现的功能。
对于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体品牌商,建议参考腾讯云官方文档或搜索相关资源以获取更多信息。
领取专属 10元无门槛券
手把手带您无忧上云