html5动态添加button是怎么解决的？

Posted 2023-05-15

参考技术A var
btn
=
document.createelement("button");
btn.innertext
=
"按钮1";
var
container
=
document.body;
container.appendchild(btn);
btn.addeventlistener("click",
function()
//添加事件处理
);
这是最基本的动态添加按钮，楼主你具体遇到什么问题了？ 参考技术B var
btn
=
document.createElement("button");
btn.innerText
=
"按钮1";
var
container
=
document.body;
container.appendChild(btn);
btn.addEventListener("click"，
function()
//添加事件处理
);
这是最基本的动态添加按钮。

我动态创建了一个canvas，上面动态创建了一些控件，我现在想使用这些控件，该怎么弄

参考技术A 思路是：遍历canvas的children。wpf或silverlight容器控件都是通过Children（border是child）来遍历放在它们里面的控件的。然后就可通过判断控件类型或是名称来获得自己想要的控件。追问

这个问题解决，还有一个问题。如果在一个StackPanel或者canvas中动态创建了4个button，4个button共用一个事件处理函数，我要在处理函数里怎么区分是哪个button触发的事件

追答

最简单的做法是给button的tag赋值，根据tag值来判断具体是哪个button

追问

能通过button的名字来找吗