Ich muss :after
bekommen und es Variable zuweisen. Es ist möglich?Wie bekomme ich ein Pseudo-Element?
querySelectorAll
funktioniert nicht.
alert(some_div_with_pseudo.querySelectorAll('::after')[0]) // undefined
Ich muss :after
bekommen und es Variable zuweisen. Es ist möglich?Wie bekomme ich ein Pseudo-Element?
querySelectorAll
funktioniert nicht.
alert(some_div_with_pseudo.querySelectorAll('::after')[0]) // undefined
Sie sollten dos etwas wie folgt aus:
window.getComputedStyle(
document.querySelector('somedivId'), ':after'
);
Beispiel hier: https://jsfiddle.net/cfwmqbvn/
Es gibt Stil zurück. Ich brauche Element –
": nach" ist ein Pseudo-Element, kein Element. Sie können keinen Dom-Knoten zurückgeben, es ist nicht einer - alles, was Sie tun können, erhalten Sie die Stile :) – MrBizle
Angenommen, Ihre CSS wie folgt aussieht:
.element:after {
content: 'NEW';
color: rgb(255, 0, 0);
}
Um die Farbeigenschaft des abzurufen. element: Vorher könnten Sie folgendes JavaScript verwenden:
var color = window.getComputedStyle(
document.querySelector('.element'), ':after'
).getPropertyValue('color')
var color = window.getComputedStyle(
\t document.querySelector('.element'), ':after'
).getPropertyValue('color');
alert(color);
.element:after {
\t content: 'NEW';
\t color: rgb(255, 0, 0);
}
<div class="element"></div>
Es gibt Stil zurück. Ich brauche Element –
Wäre schön gewesen, Ihre Quelle zu referenzieren: https://davidwalsh.name/pseudo-element – PhilMarc
Sie _cannot_, wie der Name 'pseudo' impliziert. Diese sind nicht Teil des eigentlichen DOM, sie sind, nach javascript, Stilregeln, die auf ein tatsächliches Element angewendet werden. – somethinghere