如何使用变量中的javascript设置对象的宽度和位置?

时间:2014-08-14 10:43:56

标签: javascript html css dom

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

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值。

1 个答案:

答案 0 :(得分:0)

这是我在回答中的评论:

确保您在canvasHeightcanvasWidth中使用的格式正确,例如" 100像素"而不只是" 100"。