How to fetch querySelector for name containing numerics

Issue

I have the below url

<h1 id="header_2" title="mytitle" data-id="header_title" class="sampleclass " xpath="1">mytitle<span aria-label="sometest"   class="sampleclass ">- Saved</span></h1>

Based in the id(header_2)I wabt to fetch title. My id may also contains like this id="header_mdfa3fad" but for sure after "_" it is numeric.HOw do I write querySelector for it

Solution

You can apply regex to filter like this

var divs = [].slice.call(document.querySelectorAll("[id^='header_']")).filter(function(el){
   return el.id.match(/^header_[0-9]+/i);
});

console.log(divs);

<div id="header_1"></div>
<div id="header_2"></div>
<div id="header_3"></div>
<div id="header_abc"></div>
<div id="header_xyz"></div>

Answered By - Bao Nguyen