Javascript 获取窗口高度并将div大小设置为此高度

我想将div大小设置为打开时浏览器窗口的大小

我用这个来计算窗户的高度

    var height = window.innerHeight
    || document.documentElement.clientHeight
    || document.body.clientHeight;

但是现在我被困在如何将这个高度传递到html中

我想调整的div里面有很多内容，所以我不认为我可以简单地使用replaceWith（）并将新的高度css内联，因为我还需要传递所有其他html，这将是一个很大的痛苦

如果你能用js和/或jQ两种语言回答，那就太棒了

---

谢谢

尺寸单位“vh”和“vw”被添加到CSS3中，以完成此类操作。将高度设置为100vh应该可以满足您的需要。

将尺寸单位“vh”和“vw”添加到CSS3中以实现这类功能。将高度设置为100vh可以满足您的需要。

小提琴：

HTML:

或者，使用纯CSS解决方案（

vh

和

vw

）：

如果您试图支持较旧的浏览器，请小心

vh

和

vw

， 例如，除了IE 11之外，这两种技术都不受支持

小提琴：

HTML:

或者，使用纯CSS解决方案（

vh

和

vw

）：

如果您试图支持较旧的浏览器，请小心

vh

和

vw

，

---

例如，除了IE 11之外，这两种技术都不受支持

因此，根据纯javaScript代码，您可以尝试以下方法：-

 <div id="divId"></div>

document.getElementById('divId').style.height = height +"px"

document.getElementById（'divId'）。style.height=height+“px”

因此，根据纯javaScript代码，您可以尝试以下方法：-

 <div id="divId"></div>

document.getElementById('divId').style.height = height +"px"

document.getElementById（'divId'）。style.height=height+“px”

好的，我们可能需要看一点您的代码，因为我不明白您为什么需要在js中这样做。只需在css中完成它。。。没有？好吧，我们可能需要看一点你的代码，因为我不明白为什么你需要在js中这样做。只需在css中完成它。。。否？若要对此稍作扩展，“vh”和“vw”分别表示视口高度和视口宽度。每个单位表示当前视口大小的百分比（1/100），因此100vh==视口当前高度的100%。如果视口更改大小，则会重新计算大小，因此即使调整浏览器窗口的大小，div也始终为视口高度的100%。要稍微扩展一下，则“vh”和“vw”分别表示视口高度和视口宽度。每个单位表示当前视口大小的百分比（1/100），因此100vh==视口当前高度的100%。如果视口更改大小，将重新计算大小，因此即使调整浏览器窗口的大小，div也始终为视口高度的100%。

div {
    width: 100vw;
    height: 100vh;
}

 <div id="divId"></div>

document.getElementById('divId').style.height = height +"px"