<script language="javascript">
documentgetElementById("nav")offsetWidth
</script>
我是搜问题无意中看到的 给你提供个思路 在js中加入 计时器 每隔多久获取 divheight 即高度 然后顺便赋值到 你需要的地方 交互时间越短 动态越流畅但是占内存大
若还不太明白 我在详细解答 这也是我查另一个问题 发现的思路
setInterval(代码,交互时间);
用clientHeight或offsetHeight。
对于没有具体设置高度的元素，不能直接用height获取高度。
clientHeight表示内容可见区域高度；offsetHeight不同浏览器数值不尽相同，除了clientHeight的高度外还包括边框等的高度。
javascript获取div的class中设置的宽高度：
高度（offsetHeight）：
<head><title>用js获取div的高度</title></head><style type="text/css">
#box{border:1px solid #ff0000;width:200px; }
</style>
<script language="javascript">
function jj(){
var pp=documentgetElementById("box")offsetHeight;
alert(pp);
}
</script>
<body>
<div id="box">
<p>段落内容</p><p>段落内容</p>
<input type="button" onclick="jj();" value="click">
</div>
</body>
宽度（offsetWidth）：
<head><title>用js获取div的高度</title></head><style type="text/css">
#box{border:1px solid #ff0000;width:200px; }
</style>
<script language="javascript">
function jj(){
var pp=documentgetElementById("box")offsetWidth;
alert(pp);
}
</script>
<body>
<div id="box">
<p>段落内容</p><p>段落内容</p>
<input type="button" onclick="jj();" value="click">
</div>
</body>
<script type="text/javascript">
//jquery获取ID为abc的元素的宽度
alert($("#abc")width());
//js获取ID为abc的元素的宽度
alert(parseInt(documentgetElementById('abc')stylewidth));
</script>
js通过html对象的style属性获取元素属性
获取到的值是包含单位（px像素）的
将获取到的值转化成整数就可去掉单位
parseInt() 函数可解析一个字符串，并返回一个整数
语法
parseInt(string, radix)
参数 描述
string 必需。要被解析的字符串。
radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。
如果省略该参数或其值为 0，则数字将以 10 为基础来解析。
如果它以“0x” 或 “0X” 开头，将以 16 为基数。
如果该参数小于 2 或者大于 36，则 parseInt() 将返回 NaN。
返回值
返回解析后的数字。
<body>
<div style="height: 20px;width: 20px;background: #666;" id="node">
</div>
<script>
// 使用原生JS
var node = documentgetElementById("node");
nodestylebackground = "black";
//
var node = $("#node");
nodecss("background", "#111");
</script>
</body>
以上就是关于纯js如何获取一个在样式中没有定义宽度的div的宽度全部的内容，包括:纯js如何获取一个在样式中没有定义宽度的div的宽度、如何用JS获取动态DIV具体高度值并赋值到其style样式中、怎么用js获取到外部样式表写的高度为auto的div的真实高度呢等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）