javascript - 如何获取级联样式值或判断是否计算出实际值?

标签 javascript css cross-browser

我需要获取元素的级联样式值(不是计算值),或者确定实际值是否已计算。

例如,如果我有一个带有 css 规则 width: 100% 的元素,我想获取值 100% 而不是实际的像素值,或者只是知道计算了实际值。

我知道我可以使用 elem.currentStyle 获取它,我还在 Chrome 中找到了一种使用 document.defaultView.getMatchedCSSRules() 找到它的方法。

有谁知道在其他浏览器中获取它的方法吗?

最佳答案

自己计算值怎么样?查询所需元素的计算宽度和父元素的计算宽度,然后做一些数学运算以获得百分比值? percentageValue = 100% * widthOfWanted/widthOfContainer

关于javascript - 如何获取级联样式值或判断是否计算出实际值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6392714/

相关文章:

css - SVG 在除 chrome 之外的所有浏览器中呈现模糊

c# - 检查隐藏的 bool 值以运行方法

javascript - 如何获取元素的className、Id和第n个:child(n) in order to be a good stable querySelector?

html - 将一个 div 置于另外两个 div 之上

javascript - 缩放图像 80% - jquery

javascript - 使用 window.open 时如何停止浏览器弹出窗口阻止程序

javascript - 如何在 Node 中运行子进程并处理错误

javascript - 从使用 React 和 Webpack 构建的网站的 url 中删除 .html 扩展名

javascript - 相对于自身大小的偏移(使用变换)svg 元素

javascript - ExtJs 中的间距在 IE 和 FireFox 中是不同的