How to get Javascript getElementById base on partial string?

Question

I need to get the ID of an element but the value is dynamic with only the end of it is the same always.

Heres a snippet of the code.

<TABLE ID="_MIPS-LRSYSCPU">

The ID always ends with '-LRSYSCPU' then the _MIPS is dynamic.

How can I get the ID using just JavaScript and not jQuery? thanks

possible duplicate of https://stackoverflow.com/a/5249009/5621827 — jitender, Jun 11 '19 at 08:27

score 4 · Answer 1 · answered Jun 11 '19 at 08:26

4

Use the selector [id$="<END OF ID HERE>"]:

const table = document.querySelector('[id$="-LRSYSCPU"]');
console.log(table);

<TABLE ID="_MIPS-LRSYSCPU">

Similarly, by using ^ instead of $, you can select elements who attributes start with a certain string:

const table = document.querySelector('[id^="_MIPS"]');
console.log(table);

<TABLE ID="_MIPS-LRSYSCPU">

And *= to select elements who attributes contain a certain string:

const table = document.querySelector('[id*="LRS"]');
console.log(table);

<TABLE ID="_MIPS-LRSYSCPU">

answered Jun 11 '19 at 08:26

Thank you for the answer. But I have seen that I have different ID with this name. What I mean is that I have: – Dana Jun 11 '19 at 08:36
– Dana Jun 11 '19 at 08:36
thn I have:
– Dana Jun 11 '19 at 08:37
how can I take only the id refer to the TABLE ? – Dana Jun 11 '19 at 08:37
Put the tag name to the left of the `[`: `table[id$="...` – CertainPerformance Jun 11 '19 at 08:38
because writing const table = document.querySelector('[id$="-LRSYSCPU"]'); i took the first ID I find which is the href, and i don't want this, because I need the TABLE ID – Dana Jun 11 '19 at 08:38
In this way? const table = document.querySelector('table[id$="_MIPS"]'); – Dana Jun 11 '19 at 08:40
That would select tables whose IDs end with `_MIPS`, but you said that the distinguishing factor was ending in `-LRSYSCPU`? – CertainPerformance Jun 11 '19 at 08:45
yes i did a mistake I supposed to say: const table = document.querySelector('[id$="-LRSYSCPU"]'); – Dana Jun 11 '19 at 08:50

1 Answers1