使用 Javascript 变量设置 HTML 属性？

Question

<script>

    var canvasWidth = 800;

    var canvasHeight = 600;

</script>

我想使用这些变量来设置 HTML 标记的属性 这在语法上不正确，但显示了我想如何使用这些变量：

<canvas id="context" width='canvasWidth' height='canvasHeight' style="border: 1px solid #000000;"></canvas>

我该怎么做？这甚至是好的做法吗？您建议我如何控制画布大小以及使用 JavaScript 清除画布？

Answer 1

var canvasWidth = 800;var canvasHeight = 600;document.getElementById('context').width = canvasWidth;document.getElementById('context').height = canvasHeight;<canvas id="context" style="border: 1px solid #000000;"></canvas>

Answer 2

你可以做这样的事情getElementById("yourId").style.width = "300px";