Question

<script type="text/javascript">
function resizing() {
var h = screen.height;
var dh = h - 270;
document.getElementById('chat').style.height = dh;
}
</script>

<body onload="resizing();">
<div id='chat' style='position: fixed;left: 0px;top: 45px;width: 80%;border-radius: 8px;border: 1px solid #000;'>HI</div>
</body>

没有工作，没有调整div :(如何调整div高度javascript？

Answer 1

将单位px添加到数字：

document.getElementById('chat').style.height = dh + 'px';

Answer 2

document.getElementById('chat').style.height= dh + "px";

Answer 3

这些属性可能无法在Firefox，Chrome和其他非IE浏览器中使用。为了使其在所有浏览器中都能正常工作，我建议您尝试以下方法：

document.getElementById('chat').setAttribute("style","height:" + dh + 'px');

HTML，用javascript调整div高度

3 个答案: