给div设置一个id或者class：
html部分：
<div id="mydiv"></div>
js部分：
<script>
//获取mydiv
var mydiv=documentgetElementById("mydiv");
//获取#mydiv的高度
var divheight=mydivstyleheight;
//设置mydiv行高
mydivstylelineHeight=divheight;
</script>
用clientHeight或offsetHeight。
对于没有具体设置高度的元素，不能直接用height获取高度。
clientHeight表示内容可见区域高度；offsetHeight不同浏览器数值不尽相同，除了clientHeight的高度外还包括边框等的高度。
先来一个浏览器窗口大小改变的事件，用来查看浏览器窗口的大小被改变可以触发一些函数
windowonresize 浏览器窗口大小改变事件
在写js的时候偶尔需要获取各种高度，比如；浏览器高度，页面高度，滚动高度等。
（不加边线）：
网页可见区域的高度和宽度（加边线）：
<html>
<head>
</head>
<body style="height:400px">
<div id="div1">12312</div>
<script type="text/javascript">
documentgetElementById("div1")styleheight=documentbodystyleheight;
alert(documentgetElementById("div1")styleheight);
//如果body，没有设置样式，这个高度就为空
documentgetElementById("div1")styleheight=documentbodyclientHeight
alert(documentgetElementById("div1")styleheight);
//如果设置了样式，offsetHeight就等于样式的height否则等于clientHeight
documentgetElementById("div1")styleheight=documentbodyoffsetHeight
alert(documentgetElementById("div1")styleheight);
</script>
</body>
</html>
//获取id="div"的高度
documentgetElementById("div")styleheight//设置id="div"的高度
documentgetElementById("div")styleheight="200px";
1、documentbodyclientWidth;//网页可见区域宽
2、documentbodyclientHeight;//网页可见区域高
3、documentbodyoffsetWidth;//网页可见区域宽(包括边线的宽)
4、documentbodyoffsetHeight;//网页可见区域高(包括边线的高)
5、documentbodyscrollWidth;//网页正文全文宽
6、windowscreenavailHeight;//屏幕可用工作区高度
7、windowscreenavailWidth;//屏幕可用工作区宽度
8、alert($(documentbody)outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin
9、alert($(documentbody)width());//浏览器时下窗口文档body的高度
扩展资料：
1、alert($(window)height()); //浏览器时下窗口可视区域高度
2、alert($(document)height()); //浏览器时下窗口文档的高度
3、alert($(documentbody)height());//浏览器时下窗口文档body的高度
4、alert($(documentbody)outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin
5、alert($(window)width()); //浏览器时下窗口可视区域宽度
6、alert($(document)width());//浏览器时下窗口文档对于象宽度
7、alert($(document)scrollTop()); //获取滚动条到顶部的垂直高度
8、alert($(document)scrollLeft()); //获取滚动条到左边的垂直宽度
以上就是关于JS怎么获取div（高度和宽度都已设置百分比，继承父级）的height并应用于该div的line-height；全部的内容，包括:JS怎么获取div（高度和宽度都已设置百分比，继承父级）的height并应用于该div的line-height；、怎么用js获取到外部样式表写的高度为auto的div的真实高度呢、js获取各种高度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）