Improve the JavaScript section on the data attributes page

[sdavids]

MDN URL

https://developer.mozilla.org/en-US/docs/Learn_web_development/Howto/Solve_HTML_problems/Use_data_attributes

What specific section or headline is this issue about?

JavaScript access

What information was incorrect, unhelpful, or incomplete?

Please improve the JavaScript example by showing querySelectorAll in combination with a data attribute selector.

It is implicitly shown via the CSS section and mentioned on querySelectorAll but having it explicitly in this section would be beneficial.

What did you expect to see?

document.querySelectorAll('article[data-indexnumber="12314"]')

Maybe also a link to querySelectorAll.

Do you have anything more you want to share?

<ul id="something">
  <li data-id="1">A
  <li data-id="2">B
  <li data-id="3">C
</ul>

document.querySelector('#something [data-id="2"]')

Is a very common pattern so having the selector shown will be beneficial.