How can I set css selector that checks for start of name of a class?

for example "styles_verificationIcon___X7KO".
I want to find element by class that starts with "styles_verificationIcon".
This does not work: document.querySelector("[class^=styles_verificationIcon]");

wet-aqua•9/15/22, 12:52 PM

Hi @Casper have you tried adding quotes around styles_verificationIcon? There might be an issue with omitting quotes when class is not alphanumeric

CasperOP•9/15/22, 12:52 PM

I have tried ' ', " " does not work

wet-aqua•9/15/22, 12:54 PM

The selector looks ok to me, have you tried testing it in chrome devtools?

CasperOP•9/15/22, 12:54 PM

CasperOP•9/15/22, 12:55 PM

this is the site: https://dk.trustpilot.com/review/www.diba.dk

Trustpilot

Diba Billån er bedømt "Fremragende" med 4,8 / 5 på Trustpilot

Er du enig i TrustScoren for Diba Billån? Del din mening i dag, og find ud af, hvad 665 kunder allerede har sagt.

CasperOP•9/15/22, 12:55 PM

I am trying to get

Ffab8203 The selector looks ok to me, have you tried testing it in chrome devtools?

CasperOP•9/15/22, 12:55 PM

I am using chrome dev tools

wet-aqua•9/15/22, 12:57 PM

Ah yes, this is because the class attribute doesn't actually start with styles_verificationIcon, there are other classes before

CasperOP•9/15/22, 12:57 PM

what can I do instead?

wet-aqua•9/15/22, 12:57 PM

I would try using div[class*="styles_verificationIcon"]

wet-aqua•9/15/22, 12:58 PM

this will select any element where class contains styles_verificationIcon

CasperOP•9/15/22, 12:59 PM

thank you very much

CasperOP•9/15/22, 12:59 PM

it works flawless

CasperOP•9/15/22, 12:59 PM