js获得元素的高度

『壹』 js获取body的高度

1、document.body.clientWidth;//网页可见区域宽

2、document.body.clientHeight;//网页可见区域高

3、document.body.offsetWidth;//网页可见区域宽(包括边线的宽)

4、document.body.offsetHeight;//网页可见区域高(包括边线的高)

5、document.body.scrollWidth;//网页正文全文宽

6、window.screen.availHeight;//屏幕可用工作区高度

7、window.screen.availWidth;//屏幕可用工作区宽度

8、alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin

9、alert($(document.body).width());//浏览器时下窗口文档body的高度

(1)js获得元素的高度扩展阅读：

1、alert($(window).height()); //浏览器时下窗口可视区域高度

2、alert($(document).height()); //浏览器时下窗口文档的高度

3、alert($(document.body).height());//浏览器时下窗口文档body的高度

4、alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin

5、alert($(window).width()); //浏览器时下窗口可视区域宽度

6、alert($(document).width());//浏览器时下窗口文档对于象宽度

7、alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度

8、alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度

『贰』 js 如何 获取（fiexd的）元素到浏览器的高度

获取浏览器窗口的高度，蚂瞎减去这个元素的top的高判困度掘物念，如果是用bottom定位，就直接获取bottom的值就好了啊....比如id为fix就getElementById(‘fix’).style.bottom这样....

『叁』 javascript js 如何在手机屏幕旋转后 获取一个对象的新高度和宽度,不是屏幕的

侦听“屏幕旋转”事件，一旦屏幕旋转就在回调函数中重新获得元素的宽和高。
如果你用jquery的话可以这样写：

$(window).on('orientationchange', function() {
var $el = $("#el"); // 需要重新获得宽和高的元素
var newWidth = $el.width(); // 新的宽
var newHeight = $el.height(); // 新的高
});

『肆』 js 设置一个元素的高度，只能用style吗

是的，因为高度属于样式，你不想用style的话可以用css来写，区别只在于一个是直接在元素上有style，用css的话就不会，但是你需要在页面引入这个css文件