javascript - 加载宽度/高度最初由 PERCENTAGE 设置的元素后,如何获取其实际宽度/高度?

标签 javascript jquery html iframe

我有一个 iframe,其内容指向一个 HTML 文档。

在该 HTML 文档中,有一个指向 PDF 文档的 EMBED 元素。此 EMBED 最初设置了 PERCENTAGE 的宽度和高度(例如:width: 100%; height: 100%)。

我的问题是:

加载 iframe 后,如何获取 EMBED 元素的实际、绝对宽度和高度(以任何单位 px、pt、em 等)。

我一直在尝试所有可能的 js 属性(宽度、高度、样式:clientWidth、clientHeight、offsetWidth、offsetHeight...)以及 jQuery 中的属性(例如 outerWidth、outerHeight 等),但似乎没有希望。

最佳答案

这应该会返回您需要的内容:

document.getElementById("id").clientHeight 
document.getElementById("id").clientWidth 

id 是 EMBED 元素的唯一 ID。

有关此的更多信息:

https://developer.mozilla.org/en/DOM:element.clientHeight

https://developer.mozilla.org/en/DOM:element.clientWidth

关于javascript - 加载宽度/高度最初由 PERCENTAGE 设置的元素后,如何获取其实际宽度/高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7103745/

相关文章:

javascript - 如何使用 WOW.js 和 BS3 为固定的 div 设置动画而不必滚动到顶部

javascript - Angular Jasmine UI 路由器将解析值注入(inject)测试

javascript - jQuery 中的 PHP (WordPress)

javascript - 将自定义元素的属性链接到其属性

javascript - 重复使用clearInterval和clearTimeout不起作用

javascript - 按 cookie 中的数据对 JSON 响应进行排序

javascript - 有一个更好吗? $(文档) 或 $ ('document' )

jquery - KendoDatePicker 日期格式为 "21 Aug 2018"

Java - 用于 HTML JTextPane CSS 的 FontSizeAction

javascript - Angular 2/4/5 捕获 routerLink 异常