如何获取计算样式?

9 浏览
0 Comments

如何获取计算样式?

有谁可以帮我写一个脚本，或者提供一种获取计算样式表（webkit）中的height : 1196px;width: 284px;值的方法吗？我知道IE是不同的——跟往常一样。我无法访问iframe（跨域），我只需要高度/宽度。我需要的截图（用红圈标出）。如何访问这些属性？

enter image description here

源代码：

我最接近的答案是：

$('#frameId').context.lastChild.currentStyle

它给我返回了HTML元素上的实际样式，即“auto”，这是正确的，因为它是在iframe文档上设置的。

如何获取所有浏览器用于计算滚动条和检查元素值的计算样式？

使用Tomalak的答案，我写了这段很棒的脚本用于webkit：

window.getComputedStyle(document.getElementById("frameId"), null).getPropertyValue("height")

或者

window.getComputedStyle(document.getElementById("frameId"), null).getPropertyCSSValue("height").cssText

结果是150px，与$('#frameId').height();相同。

所以他们给我添加了一个id为'brshtml'的head标签，也许这会更容易帮助我选择元素。webkit检查显示了html#brshtml，但我不能使用getelementbyid选择它。

0