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

Does this help? https://stackoverflow.com/questions/3338680/is-there-a-css-selector-by-class-prefix — , Feb 14 '20 at 20:54
Get all elements that have a `class`, then check whether the class matches the pattern in your loop body. — Barmar, Feb 14 '20 at 20:54
@Barmar The top answer also has "contains the substring". Read past the title. — , Feb 14 '20 at 20:55
This one should do the trick: https://stackoverflow.com/a/3184523/1423259 — tommueller, Feb 14 '20 at 21:11
Does this answer your question? [getElementByName & Regex](https://stackoverflow.com/questions/3184093/getelementbyname-regex) — tommueller, Feb 14 '20 at 21:12

score 16 · Accepted Answer · answered Feb 14 '20 at 20:56

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

score 0 · Answer 2 · answered Feb 14 '20 at 20:58

0

you can use:

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

answered Feb 14 '20 at 20:58

Valometrics.com

2 Answers2