javascript - 计算html模板的实际宽度/高度

标签 javascript html

我在 js 中有 html 模板,例如:

<div style="top: ...; height: .....>....</div>

如何在渲染后找到此 div 的实际宽度?

我试过 window.getComputedStyle(myElement),它找到元素但返回:

width: auto
height: null

如何找到真实的高度/宽度?​​

谢谢。

最佳答案

试试这个:

var w = element.outerWidth; var h = element.outerHeight;

计算宽度和高度,包括填充。

您可以使用 innerWidthinnerHeight 计算不带填充的宽度和高度。

关于javascript - 计算html模板的实际宽度/高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23043474/

相关文章:

javascript - JQuery 函数在其他函数执行后不起作用

javascript - 错误 : [ng:areq] http://errors. angularjs.org/1.2.25/ng/areq?

javascript - 创建一个 json javascript 类的新实例?

html - 在直接父元素上应用样式

html - 在折叠的导航栏中拉伸(stretch)按钮(Bootstrap)

html - React Native 中的聊天气泡

javascript - 需要完成学校作业的建议

javascript - 浏览器之间的表单事件不兼容,如何解决?

javascript - 图片幻灯片

html - 为什么我的 CSS 没有被渲染?