问题标签 [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 - “getComputedStyle”无法识别元素
在我的 React 应用程序中,我试图为我的组件使用getComputedStyle
和getPropertyValue
,但它无法执行,因为它似乎无法识别我的元素。我明白了TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element
当我控制台日志boardElement
时,我得到[object HTMLCollection]
. 我认为boardElement[0]
应该是getComputedStyle
.
这里似乎有什么问题?
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 然后改代码,看看
结果:
javascript - 如何在javascript中将rgb颜色转换为颜色名称字符串
如何在javascript中将rgb颜色转换为颜色名称字符串
输出为 rgb 值 rgb(255,0,0)
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的东西,但是对于一个如此愚蠢的东西,我有点沮丧......
javascript - 使用 getComputedStyle() 遍历一组特定属性
对不起愚蠢的101问题。我不确定为什么这不起作用。我正在尝试遍历使用 getComputedStyle() 返回的各种边距属性
任何帮助将不胜感激提前感谢 - CES
javascript - 如何使用伪类获取元素的样式(例如:focus)
我想获得border-color
任何元素的某些 css 属性(例如 ),但是当它处于“非基本”状态时,例如焦点和悬停。例如:
使用getComputedStyle
,我可以获取“基本”状态的输入边框颜色,但是如何获取输入焦点时的边框颜色(在这种情况下border-color: green
)?