类型“HTMLElement”上不存在属性“pseudoStyle”

Question

我正在尝试使用 Typescript 修改伪元素的高度。

我在 IDE (vscode) 中收到以下错误

这是我的代码。

// select element
let el: HTMLElement = document.getElementById('filter-container');
//  style the height of psydo element
el.pseudoStyle("before", "height", newHeight);
...

Answer 1

您不能单独在特定元素上设置伪类的样式，您可以通过更改样式表来实现：

document.styleSheets[0].insertRule('#id:hover { background-color: blue; }', 0);
document.styleSheets[0].cssRules[0].style.backgroundColor= 'blue';

Answer 2

尝试

el.prototype.pseudoStyle("before", "height", newHeight);

Answer 3

据我所知，在 JavaScript 中，我们无法更改伪元素，并且我认为 TypeScript 中也是如此，因为它是 JavaScript 的超集。