问题标签 [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.
javascript - 使用 Twitter Bootstrap 弹出框的 Firefox/jQuery 错误
当我调用Twitter Bootstrap popover时,我使用 Firefox 而不是 webkit 浏览器收到此错误。
错误在 jquery.js 的第 6825 行:
这篇文章似乎解决了这个问题,但是当我尝试实施他们的解决方案(如下所示)时没有任何效果。该帖子已有 4 年历史,因此 jQuery 的版本不同,我认为可以解释为什么该解决方案不再有效。
javascript - 为什么 getComputedStyle 包含可见性?
为什么 getComputedStyle 会返回元素可见性,visible
即使您从未将可见性设置为隐藏或可见。
示例:
getComputedStyle($('#block1')[0],null).visibility;
---“可见”
同时:
$('#block1')[0].style.visibility
---“”
dom - 奇怪的 getComputedStyle 行为
我最近在试验这个 HTML 比较,这有点工作:
(这里的完整来源)奇怪的是,当将同一个节点与自身进行比较时,它说它自己的属性是不同的:
什么可能导致这种冲突?有没有办法在没有这种奇怪行为的情况下使用 getComputedStyle ?
更新
在这里,您可以看到这在浏览器中有效,但在 Chrome 特权代码中无效,您可以试试这个 devtools-tweaks 分支。
javascript - javascript getComputedStyle,但不是继承的(在 chrome 中)
我只想获取页面上元素的计算样式,而不是所有继承的样式
这显然得到了所有样式的巨大列表。
当“显示继承”复选框被禁用时,我只需要在 Chrome 的检查器中显示的“计算样式” 。
这个 JS 是什么?
编辑:
我基本上希望保存我在 Chrome 检查器中修改的所有 css。我在页面上布置东西,我正在玩字体和元素放置(拖动 jquery 可拖动对象)。我想保存所有内容的位置和 CSS。也许我太复杂了,有一种简单的方法可以在 Chrome 检查器中保存所有修改后的样式?
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返回计算值不同是一个已知的事实吗?
css - 如何在 IE 中执行 getComputedStyle
我有一个div
,我没有给它设置任何样式,然后我在里面放了一些内容,所以它的高度可以增长
现在我想在 IE8 或 IE7 中得到它的高度,这没有getComputedStyle
方法
如果我使用currentStyle
属性,则返回值为auto
,而不是数字;
如何在 IE 中获取高度?
javascript - 如何修复 Window.getComputedStyle 不是对象错误
我正在尝试使用 https://github.com/desandro/draggabilly提供的 Draggabilly
它在 html 中运行良好。现在,当我尝试将其添加到 wordpress 中时。我在萤火虫控制台中收到以下错误。
这是 js 文件的链接 http://draggabilly.desandro.com/draggabilly.pkgd.min.js
javascript - getComputedStyle 给出“透明”而不是实际的背景颜色
这是一个惊喜。以下代码似乎没有给我屏幕上的实际颜色:
给出rgb(0, 0, 0)
我认为是正确的。然而
给rgba(0, 0, 0, 0)
. 我在屏幕上看到的实际背景颜色是白色。
我称之为 h1 的元素在屏幕上可见。我期待得到实际的背景颜色。我上面得到的值(在 rgba 中)没有错,但也不是很有用。它只是告诉我背景是完全透明的——那不是颜色。
如何获得 RGB 中的实际背景颜色?
javascript - GetBoundingClientRect 在窗口外不起作用
我正在制作一个应该在帖子中测量距离的脚本。例如,如果我有三个帖子:
- 帖子1:两行文字,然后是我想看的图像。
- 帖子2:只是我想看到的图像。
- 帖子3:我想看到的图像后跟两行。
我想要这个的原因是因为我认为 Tumblr 在他们的描述中显示了太多的废话。我正在制作一个 chrome 扩展,它将裁剪图像周围的所有废话,这样你就不必滚动了。在每个帖子上都会出现一个按钮来查看整个帖子。
到今天为止,效果很好!有了getBoundingClientRect
我可以从窗口获得顶部、左侧、底部和右侧的偏移量。只有1个问题。我不能立即为页面上的所有帖子执行此操作,因为如果帖子距离文档的可见部分(您在浏览器中查看的部分)700px 或更多,则 GBCR 提供的所有值将是0。
这些值无效,并且可能为零,因为帖子未在屏幕上呈现。如果我滚动,我可以让我的扩展程序尝试获取尺寸,这样当帖子进入窗口的可见部分时,它就会被处理。但这没有我的偏好。这意味着每次用户滚动时都必须触发我的 JS 函数,这是不好的做法。我宁愿在加载 dom 时启动我的函数,所以如果添加新帖子,函数将被触发。
我的问题如下:当帖子未在屏幕上呈现时,是否有一种解决方法可以确保 GBCR 功能正常工作。或者有没有一种方法可以让我获得一个元素的坐标getComputedStyle
(无需遍历所有元素)?
javascript - Firefox getComputedStyle 返回无计算值
我在定义 和 的元素上left
调用right
getComputedStyle bottom
。
在 Chrome中,它'auto'
作为值返回,top
但在 Firefox 中,它返回像素值,但是如果您查看 Firefox 中的检查器,则该top
值不会显示在计算窗格中。
有没有办法解决这个问题?这是一个显示问题的小提琴http://jsfiddle.net/DEfusion/9NaGD/