Javascript 执行多个画布元素

我想创建多个画布元素，每个元素都有一个id。最好的方法是什么？寻找一个普通的javascript解决方案

var parent = document.createElement("parent");
var mycanvas1 = document.createElement("canvas");
mycanvas.id = "students";
document.getElementById("parent").appendChild(mycanvas1);

var mycanvas2 = document.createElement("canvas");
mycanvas.id = "classBadge";
document.getElementById("parent").appendChild(mycanvas2);

var mycanvas3 = document.createElement("canvas");
mycanvas.id = "classMaster";
document.getElementById("parent").appendChild(mycanvas3);

---

您可以将不同的画布ID存储在一个数组中并对其进行迭代，如下面的示例所示

注意：您需要使用浏览器检查工具来实际查看结果，因为画布元素是空的

//创建父元素并将其附加到DOM const parent=document.createElementparent； document.body.appendChildparent //迭代数组以创建新元素 const canvasIds=['students'，'classBadge'，'classMaster'] canvasIds.forEachid=>{ const canvas=document.createElementcanvas； canvas.id=id parent.appendChildcanvas；

---

} 您可以创建一个可重用函数，该函数将所需的新画布ID作为参数

函数createCanvasId{ const cvs=document.createElementcanvas； cvs.id=canvasId； getElementById'parent'。appendChildcvs； } 创设拉票活动； 创建CanvasClassBadge； createCanvasclassMaster； 画布{轮廓：1px纯红；}

---

也许您可以将ID保存在一个数组中。福里：伊克拉斯马瑟。。。帕内特。。。检查了你的拼写，是吗？@JanneckLange是的，这是一个选项。谢谢将等待任何其他建议。@RokoC.Buljan发现得很好！：修正了邮件中的问题。谢谢。如果cb cb.callcvs；做它不应该通过其ID检查画布是否已经存在吗？@jules2x如果cb检查cb参数是否存在。callcvs调用传递cvs并将其绑定为this函数上下文的cb函数。为了使其具有防弹性和防止错误，您可以首先检查父元素是否存在于DOM中，以防止使用const PAR= Doo.GETelEnMyByID“父”；如果票面收益；凉的再次感谢罗科