JavaScript:如果没有通过 CSS 明确定义,则获取元素的大小 [重复]

Posted

技术标签:

【中文标题】JavaScript:如果没有通过 CSS 明确定义,则获取元素的大小 [重复]【英文标题】:JavaScript: Get element's size if it's not explicitly defined via CSS [duplicate] 【发布时间】:2018-11-22 01:59:12 【问题描述】:

如果没有在 CSS 中明确定义,有什么方法可以获得当前的 html 元素尺寸(宽度/高度)?只使用 javascript?例如,如果我有图片

var image = document.getElementsByClassName("top-image")[0];

假设我有点击事件。如何在事件发生的那一刻获取维度?

【问题讨论】:

【参考方案1】:

image.getBoundingClientRect() 更多信息:https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect

【讨论】:

以上是关于JavaScript:如果没有通过 CSS 明确定义,则获取元素的大小 [重复]的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript 使用Javascript Feature Testin确定CSS属性支持

我可以通过 JavaScript 禁用 CSS :hover 效果吗?

有没有办法确定 CSS 解析/渲染何时完成?

使用Javascript特性Testin确定CSS属性支持

JavaScript 根本没有在 HTML 文件中运行

搞事情!深入理解Java虚拟机作者周志明直播预告 + 本文送礼