使用javascript将div设置为100%

时间:2014-10-03 15:11:16

标签: javascript html

我正在尝试使用javascript将div的高度设为浏览器窗口的100%。我已经使用了它可以运行的CSS路线,但似乎存在跨浏览器问题。

我的代码到目前为止

<script type="text/javascript">
function resize() {

var div = document.getElementById("test");
div.height = window.innerHeight; 

}

window.onload = resize;

</script>
</head>

<body>

<div id="test"></div>

//--------------body close etc

非常感谢帮助。

1 个答案:

答案 0 :(得分:0)

试试 Fiddle

div.height更改为div.style.height

OR

<强> Javasrcipt

document.getElementById("test").style.height = window.innerHeight+'px';