问题标签 [getcomputedstyle]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1068 浏览

javascript - 使用 Twitter Bootstrap 弹出框的 Firefox/jQuery 错误

当我调用Twitter Bootstrap popover时,我使用 Firefox 而不是 webkit 浏览器收到此错误。

错误在 jquery.js 的第 6825 行:

这篇文章似乎解决了这个问题,但是当我尝试实施他们的解决方案(如下所示)时没有任何效果。该帖子已有 4 年历史,因此 jQuery 的版本不同,我认为可以解释为什么该解决方案不再有效。

0 投票
1 回答
907 浏览

javascript - 为什么 getComputedStyle 包含可见性?

为什么 getComputedStyle 会返回元素可见性,visible即使您从未将可见性设置为隐藏或可见。

示例: getComputedStyle($('#block1')[0],null).visibility;---“可见”

同时: $('#block1')[0].style.visibility---“”

0 投票
1 回答
251 浏览

dom - 奇怪的 getComputedStyle 行为

我最近在试验这个 HTML 比较,这有点工作:

(这里的完整来源)奇怪的是,当将同一个节点与自身进行比较时,它说它自己的属性是不同的:

什么可能导致这种冲突?有没有办法在没有这种奇怪行为的情况下使用 getComputedStyle ?

更新

在这里,您可以看到在浏览器中有效,但在 Chrome 特权代码中无效,您可以试试这个 devtools-tweaks 分支

0 投票
1 回答
1150 浏览

javascript - javascript getComputedStyle,但不是继承的(在 chrome 中)

我只想获取页面上元素的计算样式,而不是所有继承的样式

这显然得到了所有样式的巨大列表。

当“显示继承”复选框被禁用时,我只需要在 Chrome 的检查器中显示的“计算样式” 。

这个 JS 是什么?

编辑

我基本上希望保存我在 Chrome 检查器中修改的所有 css。我在页面上布置东西,我正在玩字体和元素放置(拖动 jquery 可拖动对象)。我想保存所有内容的位置和 CSS。也许我太复杂了,有一种简单的方法可以在 Chrome 检查器中保存所有修改后的样式?

0 投票
3 回答
3347 浏览

javascript - getComputedStyle 报告 Chrome/Safari/Firefox 和 IE11 之间的不同高度

这让我一整天都在发疯,我无法找到其他人在哪里记录了这种差异。

有关演示,请参见http://jsfiddle.net/ZwF9H/6/

我期待的是 window.getComputedStyle() 应该在所有浏览器之间返回相同的计算高度值。Internet Explorer 11 正在做一些不同的事情。(实际上,IE 9 和 10 也是如此,但 IE 11 是我第一个可以让开发工具工作的版本。)

对于所有其他浏览器,计算高度是在 CSS 中设置的高度,无论它是在样式表中还是在 textarea 元素上的内联。

IE11 忽略 box-sizing:border-box 声明并减去填充和边距,我认为这是不正确的。

这是一个错误,我做错了什么,IE11返回计算值不同是一个已知的事实吗?

0 投票
1 回答
107 浏览

css - 如何在 IE 中执行 getComputedStyle

我有一个div,我没有给它设置任何样式,然后我在里面放了一些内容,所以它的高度可以增长

现在我想在 IE8 或 IE7 中得到它的高度,这没有getComputedStyle方法

如果我使用currentStyle属性,则返回值为auto,而不是数字;

如何在 IE 中获取高度?

0 投票
2 回答
18547 浏览

javascript - 如何修复 Window.getComputedStyle 不是对象错误

我正在尝试使用 https://github.com/desandro/draggabilly提供的 Draggabilly

它在 html 中运行良好。现在,当我尝试将其添加到 wordpress 中时。我在萤火虫控制台中收到以下错误。

这是 js 文件的链接 http://draggabilly.desandro.com/draggabilly.pkgd.min.js

0 投票
2 回答
3909 浏览

javascript - getComputedStyle 给出“透明”而不是实际的背景颜色

这是一个惊喜。以下代码似乎没有给我屏幕上的实际颜色:

给出rgb(0, 0, 0)我认为是正确的。然而

rgba(0, 0, 0, 0). 我在屏幕上看到的实际背景颜色是白色。

我称之为 h1 的元素在屏幕上可见。我期待得到实际的背景颜色。我上面得到的值(在 rgba 中)没有错,但也不是很有用。它只是告诉我背景是完全透明的——那不是颜色。

如何获得 RGB 中的实际背景颜色?

0 投票
0 回答
563 浏览

javascript - GetBoundingClientRect 在窗口外不起作用

我正在制作一个应该在帖子中测量距离的脚本。例如,如果我有三个帖子:

  • 帖子1:两行文字,然后是我想看的图像。
  • 帖子2:只是我想看到的图像。
  • 帖子3:我想看到的图像后跟两行。

我想要这个的原因是因为我认为 Tumblr 在他们的描述中显示了太多的废话。我正在制作一个 chrome 扩展,它将裁剪图像周围的所有废话,这样你就不必滚动了。在每个帖子上都会出现一个按钮来查看整个帖子。

到今天为止,效果很好!有了getBoundingClientRect我可以从窗口获得顶部、左侧、底部和右侧的偏移量。只有1个问题。我不能立即为页面上的所有帖子执行此操作,因为如果帖子距离文档的可见部分(您在浏览器中查看的部分)700px 或更多,则 GBCR 提供的所有值将是0。

这些值无效,并且可能为零,因为帖子未在屏幕上呈现。如果我滚动,我可以让我的扩展程序尝试获取尺寸,这样当帖子进入窗口的可见部分时,它就会被处理。但这没有我的偏好。这意味着每次用户滚动时都必须触发我的 JS 函数,这是不好的做法。我宁愿在加载 dom 时启动我的函数,所以如果添加新帖子,函数将被触发。


我的问题如下:当帖子未在屏幕上呈现时,是否有一种解决方法可以确保 GBCR 功能正常工作。或者有没有一种方法可以让我获得一个元素的坐标getComputedStyle(无需遍历所有元素)?

0 投票
2 回答
612 浏览

javascript - Firefox getComputedStyle 返回无计算值

我在定义 和 的元素上left调用rightgetComputedStyle bottom

在 Chrome中,它'auto'作为值返回,top但在 Firefox 中,它返回像素值,但是如果您查看 Firefox 中的检查器,则该top值不会显示在计算窗格中。

有没有办法解决这个问题?这是一个显示问题的小提琴http://jsfiddle.net/DEfusion/9NaGD/