javascript - 在 Javascript 中创建按钮

Question

我正在尝试创建一个按钮，在 Canvas 中央弹出一个菜单。我最初在 HTML 文件中创建了一个按钮来执行此操作，但是当我的 Sprite 每秒更新一次时，它会将 Canvas 放在菜单上。所以现在我尝试在 Javascript 文件中创建它。

现在我有这样的事情:

function menuButton(ctx, func) {
    var button = document.createElement("menu");
    button.type = "button";
    button.value = "menu";
    button.onclick = func;
    ctx.appendChild(button);
}

window.onload = function () {
    createButton(canvas, function () {
        highlight(this.parentNode.childNodes[1]);
    });
}

但是我没有在按钮的屏幕上显示任何内容。目标是让按钮始终显示，然后单击时将加载包含其他按钮(例如设置、统计信息等)的屏幕。

Answer 1

menu 不是有效的 HTML 元素，因此您无法创建它。

function menuButton(ctx, func) {
    var button     = document.createElement("button");
    button.type    = "button";
    button.value   = "menu";
    button.onclick = func;
    ctx.appendChild(button);
}