用 js 实现 div高度与浏览器高度相同

一、读取浏览器高度

       可以利用 window.innerHeight 获得当前浏览器的高度

var height = window.innerHeight;

 

二、获取 div 对象

var myDiv = document.getElementById("main");

# 没啥好说的

 

三、用 style 方法修改高度

myDiv.style.height = height + "px";

     这里注意，如果是通过 class 获取对象，则返回的是一个数组，使用时要加数组下标