Weblabor

Sajnos a pszeudoelemeket, mint például az :after, nem fogod tudni kiválasztani a DOM-ból, mivel nem részei annak. Szóval Javascripttel nem tudod direkt módon elérni őket.

Ha manipulálni akarod a stílusát egy ilyen pszeudoelemnek, akkor ezt a szülőelem class attribútumának módosításával érheted el, hozzáadhatsz vagy elvehetsz classneveket, és a CSS fájlodba stílusokat írhatsz az egyes variációkra (ez amúgy is javasolt módszer, Javascriptből alapvetően nem érdemes direktben CSS tulajdonságokat módosítani, hacsak nem kódban számolt értékeket akarsz használni).

Ha a pszeudoelem tartalmát akarod manipulálni, azt úgy tudod megtenni, ha nem direktbe adsz meg neki egy értéket a content CSS tulajdonságban, hanem az attr() CSS "függvényt" használod - ezzel a szülőelem attribútumaiból lehet előállítani a pszeudoelem tartalmát, így Javascripttel is csak a szülőelem vonatkozó attribútumait kell majd manipulálni, illetve lekérdezni.

Szerk.: összedobtam egy kis esettanulmányt, mert példa nélkül igen száraz volt a mondandóm.