JavaScript-Methoden und -Techniken zum Erhalten von Pseudoelement-Attributen (Pseudoelement-Attributen)_Javascript-Techniken

CSS-Pseudoelemente sind sehr nützlich – Sie können damit CSS-Dreiecke erstellen, sie in Tooltips verwenden und Sie können sie auch verwenden, um viele einfache Aufgaben zu erledigen, ohne dass zusätzliche HTML-Elemente erforderlich sind. Bisher war der Zugriff auf CSS-Eigenschaften von Pseudoelementen mit JavaScript nicht möglich, aber jetzt gibt es eine neue JavaScript-Methode für den Zugriff darauf! Angenommen, Ihr CSS-Code sieht folgendermaßen aus:

Code kopieren Der Code lautet wie folgt:

.element:before {
Inhalt: 'NEU';
Farbe: rgb(255, 0, 0);
}

Um die Stilattribute in .element:before abzurufen, können Sie den folgenden JavaScript-Code verwenden:

Code kopieren Der Code lautet wie folgt:

var color = window.getComputedStyle(
document.querySelector('.element'), ':before'
).getPropertyValue('color')

Durch die Verwendung des Pseudoelements als zweiten Parameter der Methode window.getComputedStyle können Sie die Attribute im Pseudoelementstil erhalten! Tragen Sie diesen Tipp in Ihre Wissensdatenbank ein, und mit der Weiterentwicklung der Browser werden Pseudoelemente immer nützlicher!