Javascript getElementById based on a partial string

Question

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

Heres a snippet of the code.

<form class="form-poll" id="poll-1225962377536" action="/cs/Satellite">

The ID always starts with poll- then the numbers are dynamic.

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

Answer 1

You can use the querySelector for that:

document.querySelector('[id^="poll-"]').id;

The selector means:
get an element where the attribute [id] begins with (^=) the string "poll-".

^ matches the start
* matches any position
$ matches the end

Example

console.log(document.querySelector('[id^=poll-]').id)

<form id="poll-1225962377536"></form>