问题标签 [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 投票
0 回答
11 浏览

javascript - “getComputedStyle”无法识别元素

在我的 React 应用程序中,我试图为我的组件使用getComputedStylegetPropertyValue,但它无法执行,因为它似乎无法识别我的元素。我明白了TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element

当我控制台日志boardElement时,我得到[object HTMLCollection]. 我认为boardElement[0]应该是getComputedStyle.

这里似乎有什么问题?

0 投票
1 回答
37 浏览

javascript - setTimeout(() => ele.click()) 和 ele.click() 会导致不同的动画!那么,这与浏览器渲染或事件循环有关吗?

语境:

Google:版本 92.0.4515.107(正式版本) (x86_64)

火狐:版本:90.0.2(64位)

在上面的代码中,方法一和方法二会在两个浏览器中导致不同的动画。为什么?我不是在说1s延迟

例子:

https://codesandbox.io/s/compassionate-tharp-ommki?file=/index.html 然后改代码,看看

结果:

方法1

方法2

0 投票
1 回答
89 浏览

javascript - 如何在javascript中将rgb颜色转换为颜色名称字符串

如何在javascript中将rgb颜色转换为颜色名称字符串

输出为 rgb 值 rgb(255,0,0)

0 投票
0 回答
44 浏览

javascript - 如何检索已计算的 CSS 规则而不是 calc 语法

这是一个很小的问题,我不能轻易回答,我认为这很奇怪。我有一个带有 CSS calc 规则的 div 高度

这个 div 正在通过 jscript 根据用户请求而增长。那行得通。但它是一个增量版本。我将它应该增长的时间存储在 cookie 中并自动执行。然后当他回来再次增长时,如果 div 已经扩展,我没有 div 的初始大小。这就是重点。在脚本中,我使用了 300 像素的标准值,这对于智能手机来说太大了,对于狂野的屏幕来说可能还不够。

所以我想将真正的计算规则存储在一个var中,我可以通过js(或jq)读取。我尝试了getcomputedstyle,但没有得到计算的var,我得到的是calc的def(在这种情况下是“--gsh:calc(var(--imgItem-height)/2)”而不是27px);

有人对这件事有一点了解吗?

我在周围看到了一些scss的东西,但是对于一个如此愚蠢的东西,我有点沮丧......

0 投票
1 回答
35 浏览

javascript - 使用 getComputedStyle() 遍历一组特定属性

对不起愚蠢的101问题。我不确定为什么这不起作用。我正在尝试遍历使用 getComputedStyle() 返回的各种边距属性

任何帮助将不胜感激提前感谢 - CES

0 投票
1 回答
33 浏览

javascript - 如何使用伪类获取元素的样式(例如:focus)

我想获得border-color任何元素的某些 css 属性(例如 ),但是当它处于“非基本”状态时,例如焦点和悬停。例如:

使用getComputedStyle,我可以获取“基本”状态的输入边框颜色,但是如何获取输入焦点时的边框颜色(在这种情况下border-color: green)?