Получение пользовательских значений CSS в приложении HTACSS

Разбираемся в CSS
Anonymous
Получение пользовательских значений CSS в приложении HTA

Сообщение Anonymous »

У меня есть следующее простое приложение .hta:

Код: Выделить всё





.someClass::after {
content:" HTA";
}


window.onload = function () {
var element = document.querySelector('.someClass');
var cssContent = window.getComputedStyle(element, '::after').content;
cssContent = cssContent.replace(/^["']|["']$/g, '');
alert(someId.innerText + cssContent);
}



Testing


Этот код успешно создает окно оповещения с сообщением «Тестирование HTA» внутри.
Но когда я пытаюсь определить --custom-align: " HTA"; например, вместо использования ключевого слова content произойдет ошибка:

Код: Выделить всё

.someClass::after {
--custom-align:" HTA";
}
Даже если я попытаюсь сделать это так:
  • var cssContent = window.getComputedStyle(element, ':: after').custom-align;
  • var cssContent = window.getComputedStyle(element, '::after')['--custom-align'];
  • var ComputedStyle = window.getComputedStyle(element, '::after'); var ComputedStyle.getPropertyValue('--custom-align');
Ни один из них не работает...
В общем, я хочу получить пользовательские значения CSS с помощью Jscript, но до сих пор мне кажется, что я могу сделать это только с помощью ключевого слова content.
По сути, это просто. экспериментирование и я не работаю над каким-то конкретным проектом, я просто любопытно, сможете ли вы сделать это в приложениях HTA, потому что я знаю, что вы можете это сделать в обычном JavaScript.

Подробнее здесь: https://stackoverflow.com/questions/793 ... pplication

Вернуться в «CSS»