js里面提供了很多的方法,可以计算DIV的高度,以及也可以给DIV直接复制。
如下是代码的实现:
<body><div style="width:100px; height:100px; background:#ccc;" id="div"></div>
</body>
<script>
var oDiv = documentgetElementById('div');
alert(oDivoffsetHeight); //这个就是获取DIV的高度
oDivstyleheight = oDivoffsetHeight + 100 + 'px'; //这个就是直接给DIV的高度赋值。
</script>
给div设置一个id或者class:
html部分:
<div id="mydiv"></div>
js部分:
<script>
//获取mydiv
var mydiv=documentgetElementById("mydiv");
//获取#mydiv的高度
var divheight=mydivstyleheight;
//设置mydiv行高
mydivstylelineHeight=divheight;
</script>
var div1width = documentgetElementById("div1")offsetWidth; //宽
var div1height = documentgetElementById("div1")offsetHeight; //高
Jquery可以用height(),来获取DOM元素的高。示例如下:
<script src="><!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>height</title>
<style type="text/css">
div{ height:auto; width:200px; border:1px solid #f00;}
</style>
<!--div就是找到class="div"的信息,用height()方法就可以得到对象的高度的,div信息加载完成,自然就会自己的高度,这时候读取就可以了(深圳网站建设=">
以上就是关于js如何计算并赋予DIV高度全部的内容,包括:js如何计算并赋予DIV高度、JS怎么获取div(高度和宽度都已设置百分比,继承父级)的height并应用于该div的line-height;、JavaScript如何获取div的尺寸等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)