<p>Je souhaite trouver tous les nœuds enfants du nœud <code>g</code> dont la valeur est <code>id</code> <pre class="brush:php;toolbar:false;">a[numéro]-[un ou plusieurs caractères] // exemple: // - id="a1-a" // - id="a1-b" // - id="a1-abcd" // - id="a10-f" // - id="a0-z" // - id="b1-a" // Illégal // - id="a1-2" // Illégal</pre> <p>Alors j'ai essayé : </p> <pre class="lang-js Prettyprint-override"><code>const items = gElement.querySelectorAll(`[id^='a[0-9]+-[a-zA-Z]+'] `) </code></pre> <p>Cependant, cela ne fonctionne pas. </p>

const regex = new RegExp('^a[0-9]+-[a-zA-Z]+$');
const parentElement = document.querySelector('#parent-element');
const items = parentElement.querySelectorAll(`[id]`);
const children = Array.from(items).filter(item => regex.test(item.id));

console.log(children); 

<div id="parent-element">
  <p id="a1-a">Child 1</p>
  <p id="a1-b">Child 2</p>
  <p id="INVALID-1">Child 3</p>
  <p id="a10-f">Child 4</p>
  <p id="INVALID-2">Child 5</p>
  <p id="b1-a">Child 6</p>
  <p id="a1-2">Child 7</p>
</div>