问题标签 [getcomputedstyle]

编辑 3/Final：Th Computed Style 问题/问题在下面解释，但为了以后其他人的利益，我的真正问题是通过 Flex Boxes 和 Vx 测量以及边界框来解决。恕我直言“显示：弯曲；” 是许多问题的答案，尽管我正在努力让它做我想做的事，但你不必与 CSS 对抗！

编辑2：以下无疑需要重构，但如果你能告诉我它符合我的要求，那就太好了。我必须做的改变是在等式中添加 clientTop 和 offsetTop： -

这是防火计算：-

编辑 1：好的，让我重新表述这个问题：-如何找出我的 DIV 内容的高度：-

我目前必须这样做： -

原始问题： -

这肯定是重复的，但是经过将近一个小时的查找，我发现了许多相似/相同的问题，但没有真正的答案:-(

为什么不从高度中扣除 boundryWith 和 padding ？

谢天谢地，boundryBottomWidth 和 PaddingBottom 返回已被转换为像素（遗憾地包括“px”字符串），但标准不是说应该返回可用高度吗？

我需要使用一些 javascript/jquery 解决（即“应用”，而不仅仅是加载到内存中）HTML 网页的所有元素的所有样式。样式可以在元素的样式标记内内嵌，在页面样式内内嵌，或者在样式表的外部。

我已经看到使用带有 setTimeout 的 window.getComputedStyle 解决单个元素甚至单个样式的示例，但我需要确保所有元素都已解决（不仅仅是一个甚至一组）。

（请注意，在页面加载后我有很多 javascript 在运行，这会生成更多的 html（带有样式），因此 document.ready 和 window.load 在页面的 javascript 完成时已经触发）

（还要注意，这不仅仅是一个关于等待样式表文件加载的问题——它更多的是关于等待所有来源的样式被应用）

这可能吗 ？

更新

基于来自@Kaiido 的示例，我提出了以下内容（它使用 JQuery Deferred 而不是 Javascript Promise - 这是因为我更熟悉 Deferred 并且我需要它符合内部 JQuery 标准）

虽然这似乎有效，但我不确定它是否有效 - 很难说 - 我的问题仍然存在。在继续“应用样式后的逻辑”之前，我如何确定上述内容实际应用了样式？

我有这个 HTML 页面：

我想找出内部 div 的计算背景颜色，而不必查看父元素的计算样式。那可能吗？

问题：在某些情况下.getComputedStyle()，似乎为height元素的属性返回不完整/不正确的值。现在我很担心。是否已知会为其他属性返回不可预测或不正确的值？

背景故事：我一直在使用.getComputedStyle()，直到我注意到它返回的元素高度值似乎不正确。所以我用其他几种方法对其进行了测试。

在下面的简单测试代码中，所有这些都返回 400，这是被测试元素的正确高度。

.offsetHeight

.scrollHeight

.clientHeight

.getBoundingClientRect().height

但是.getComputedStyle().height返回 300px，这是应用填充之前元素的高度。

我在我的网站上使用 jwplayer。但我收到了这个错误。任何人都可以告诉我为什么我会收到这个错误。加载播放器时出错： window.getComputedStyle(...)为空。

我找到了一些解决方案，但我不明白该怎么做。我使用 google chrome、safari、microsoft edge 和 IE jwplayer 运行完美。所以请任何人。

这里，是图像。这告诉你我的问题是什么。

据我了解getComputedStyles()方法，它应该返回一个对象，该对象允许访问 HTML 元素节点的实际 CSS 属性值。

我用一个包含跨度的段落创建了这个简单的示例：

段落的背景颜色是orange，所以 span 也应该有那个属性值，还是我弄错了？会不会是继承的值被忽略了getComputedStyles？如果是这样，我怎样才能获得跨度的实际可见背景颜色？谢谢你。

This is my problem:

returns a CSSStyleDeclaration object:

Then, I want to get the background color, but

returns an empty string ""!

Why??

我正在尝试编写一个函数，该函数background-image通过单击按钮从 3 个不同的选项中循环，并且代码不起作用。也许有人可以告诉为什么...

例如，此更改代码font-size完美运行。

默认情况下，具有指针光标的元素要么是链接和按钮等可点击元素，要么是其 css 属性cursor设置为pointer.

需要进行一些优化，以免天真和过度调用getComputedstyle和破坏性能，对吗？

是否只需要像Zone.jsadd那样对/进行猴子修补/包装- 以捕获元素上事件侦听器的添加和删除？并且不需要来自API。removeEventListenergetEventListenersDOMDebugger

如果您想知道用例是什么，
它是让vimium在它当前错过的所有可点击元素上显示提示，它不需要并且需要开发工具权限。

我正在尝试使用 getComputedStyle 访问 CSS 规则的值。以下是我试图访问的值：

但是当我对此进行测试时，我会收到以下值：

以下是我正在使用的代码：

我想解释为什么要打印这些附加值，为什么我不能只得到写在样式表中的值，以及如何只得到那个值。