Code: Select all
.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
Aber wenn ich versuche, --custom-align zu definieren: " HTA"; zum Beispiel, anstatt das Schlüsselwort content zu verwenden, schlägt es fehl:
Code: Select all
.someClass::after {
--custom-align:" HTA";
}
- var cssContent = window.getComputedStyle(element, ':: after').custom-align;
- var cssContent = window.getComputedStyle(element, '::after')['--custom-align'];
- var berechneter Stil = window.getComputedStyle(element, '::after'); var computedStyle.getPropertyValue('--custom-align');
Im Allgemeinen möchte ich benutzerdefinierte CSS-Werte mit dem Jscript abrufen, aber bis jetzt scheint mir das nur mit dem Schlüsselwort content möglich zu sein.
Das ist im Grunde einfach Experimentieren und ich arbeite nicht an einem bestimmten Projekt, ich war nur neugierig, ob Sie könnten Tun Sie dies in HTA-Anwendungen, weil ich weiß, dass Sie dies mit normalem Javascript tun können.