javascript - 根据窗口内部高度更改 Div 高度

标签 javascript css dynamic height inline

我需要一点帮助。

我想根据屏幕内高改变div的高度 为此,我编写了一个 java 脚本,如下所示

<script>
function height()
{
var h = window.innerHeight;

document.getElementById("bg").style.height = h; 
}
</script>

每当我使用

document.getElementById("bg").style.height = h; 

我没有向 div 元素写入任何内容 #bg 但是当我以 px 为单位定义高度时,例如 500px,我会在 div 元素 #bg 中写入高度。

最佳答案

您需要将“px”添加到高度值:

function height()
{
var h = window.innerHeight;

document.getElementById("bg").style.height = h+'px'; 
}

显然在某个时候调用函数

height();

检查 fiddle - http://jsfiddle.net/MRttV/

关于javascript - 根据窗口内部高度更改 Div 高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24776386/

相关文章:

javascript - 如何使用以下脚本在单击时显示树结构的元素

javascript - 带有 Protractor 的 Jasmine 自定义匹配器,用于检查浏览器标题

jquery - 如何使用 CSS/jquery 对突出显示的文本进行非常短的放大缩小效果,由用户输入触发?

html - 我怎样才能使宽度最大 100%?当我同时使用 PC 和 iPhone 查看时?

python - 动态重命名方法

javascript - 字符串集合和数组之间的区别

javascript - 解析将 2D 数组从 PHP 脚本返回到 Wordpress 代码块内的 Javascript 变量

html - 对齐图像左侧下方的文本

c++ - 当程序退出时,是否有理由在 C++ 中调用 delete?

angular - 如何重新加载/刷新动态注入(inject)的组件 Angular 6