Свойство 'pseudoStyle' не существует для типа 'HTMLElement'

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

Как я знаю в JavaScript, мы не можем изменить псевдоэлементы, и я предполагаю, что то же самое в TS, потому что это суперсет JS. С наилучшими пожеланиями.

Answer 2

Вы не можете стилизовать псевдокласс на отдельном элементе, вы можете сделать это, изменив таблицу стилей:

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

Answer 3

попробуй el.prototype.pseudoStyle("before", "height", newHeight);