js如何计算并赋予DIV高度

js如何计算并赋予DIV高度,第1张

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的尺寸等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9495426.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存