Is it possible to getElementsByClassName with partial name on Vanilla Javascript?

Question

I need to get all innerText of all elements that partially match a given string.

Heres a snippet of the code:

<span class="18794221455sarasa">Some text</span>

The class always ends with 'sarasa' the numbers are dynamic. I want to run it on a chrome extension that's why I need it to be on plain Javascript

Reeva

Does this help? #3339180 – Dormitory

Get all elements that have a class, then check whether the class matches the pattern in your loop body. – Duna

@Amy The question is about a suffix, not prefix. – Duna

@Duna The top answer also has "contains the substring". Read past the title. – Dormitory

^ for starting with $ for ending with – Zondra

This one should do the trick: https://mcmap.net/q/1410797/-how-to-getelementbyname-with-a-regex – Filippo

Does this answer your question? getElementByName & Regex – Filippo

Answer 1

No, you can't use getElementsByClassName like that.

But you can use querySelectorAll with a CSS attribute selector:

document.querySelectorAll('[class$="sarasa"]')

will give you a collection of the DOM elements you want.

See an explanation of this selector here

Quinone

Answer 2

you can use:

document.querySelectorAll("[class$=sarasa]")

Vitrine