title: How do I select an element by part of its attribute name
body: <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div data-a-b-c="..."&gt;A&lt;/div&gt;
  &lt;div data-a-b-d="..."&gt;B&lt;/div&gt;
  &lt;div data-a-c-b="..."&gt;C&lt;/div&gt;
  </code></pre>
  
  <p>I want to select nodes <code>A</code> and <code>B</code> by using something like:</p>
  
  <pre><code>document.querySelectorAll("[a-b*]")
  </code></pre>
  
  <p>which used to work in Chrome but got broken over time. I only need support for modern browsers.</p>