javascript - 如何将 JavaScript 值分配给 CSS 属性?

标签 javascript jquery html css

<分区>

我有一个 div 元素:

<div class="page">
        //some contents
</div>

CSS:

.page{
    bottom: 0;
    color: #1f1f21;
    font-size: 17px;
    font-weight: 400;
    left: 0;
    overflow: visible;
    position: absolute;
    right: 0;
    top: 0;
}

使用 JavaScript 获取屏幕高度:

var page_height = screen.height;
alert(page_height);

如何将此 page_height 值应用于我的 .page 类?

(即)我需要为我的 page 类设置屏幕高度

例如,如果 screen.height = 405

我需要添加高度属性

height: 405px;

最佳答案

使用.height():

$('.page').height(page_height);

关于javascript - 如何将 JavaScript 值分配给 CSS 属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28174748/

上一篇:css - 当在 ckeditor 的响应式布局 Bootstrap 列中按 enter 时,它会添加另一列而不是回车

下一篇:html - Bootstrap 水平对齐嵌套 Accordion

相关文章:

javascript - Angularjs 应用程序无法从 Web 服务加载数据

jquery - 为什么按钮标签禁用我的操作链接?

c# - 如何使 asp Validator 通过 jQuery/javascript 验证

html - ASP.NET Gridview 固定 header 可滚动不起作用

Javascript 特异性(仅响应单击的项目)

javascript - 有没有办法将变量传递给 Meteor 中的模板?

javascript - NodeJS 服务器上的多位置更新没有响应

Jquery Serialize 仅适用于 IE

jquery - 改进占位符

html - 文本在粘性 BootStrap 页脚中垂直居中