如何使用變量中的javascript設置對象的寬度和位置？

Question

我試圖在javascript中創建一個按鈕，並使該按鈕位於畫布下方，寬度與畫布相同，但是，我似乎無法將top和width設置為變量（代碼被忽略） 。 這是我的代碼：（問題行已注釋）

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);

請注意，畫布是可調整大小的，因此我不能只輸入px值。

Answer 1

這是我在回答中的評論：

確保您使用正確的canvasHeight和canvasWidth格式，例如“ 100px”，而不僅僅是“ 100”。