javascript - 如何使用来自变量的 javascript 设置对象的宽度和定位？

Question

我正在尝试在 javascript 中创建一个按钮并使该按钮位于 Canvas 下方，宽度与 Canvas 相同，但是，我似乎无法将顶部和宽度设置为变量(代码被忽略)。这是我的代码:(问题行已注释)

var myButton = document.createElement('button');
myButton.style.position = 'absolute';
myButton.style.left = '0px';
myButton.style.top = canvasHeight; //
myButton.style.width = canvasWidth; //
myButton.style.height = '100px';
myButton.innerHTML = 'Restart!';
document.body.appendChild(myButton);

请注意， Canvas 是可以调整大小的，所以我不能只输入 px 值。

Answer 1

这是我在回答中的评论:

确保 canvasHeight 和 canvasWidth 的格式正确，例如“100 像素”而不仅仅是“100”。