javascript - 如何在 css 表中使用 js 文件中的数字？

Question

我想在 css 表中使用 js 中计算的数字。

我有这个 js:

<script type="text/javascript">

//js cut out here

//document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
alert('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');

//-->
</script>

有警告，其中 viewportwidth 显示浏览器的宽度，viewportheight 显示浏览器窗口的高度。我想使用这些数字是这样的样式表:

<style type="text/css">
html, body, 
#page {
    width:   100%;
    height:  100%;
    margin:  0;
}
#map_canvas {
    width:   (viewportwidth-200) px;
    height:  viewportheight;
}
#sidebar {
    width:200px;
    height:viewportheight px;
    overflow:auto;
}
</style>

这有可能吗？

我找到了这个:Parse Javascript variable to CSS variables

但我无法让它工作

Answer 1

您可以使用 JavaScript 修改特定元素的样式:

document.getElementById('map_canvas').style.width = "800px";