How to do a wildcard element name match with “querySelector()” or “querySelectorAll()” in JavaScript?

[id^='someId'] will match all ids starting with someId.

[id$='someId'] will match all ids ending with someId.

[id*='someId'] will match all ids containing someId.

If you’re looking for the name attribute just substitute id with name.

If you’re talking about the tag name of the element I don’t believe there is a way using querySelector

Related Contents:

  1. querySelector, wildcard element match?
  2. Changing CSS pseudo-element styles via JavaScript [duplicate]
  3. Using querySelector with IDs that are numbers
  4. Using querySelectorAll to retrieve direct children
  5. Get element’s CSS selector (when it doesn’t have an id)
  6. JavaScript DOMParser access innerHTML and other properties
  7. How to use querySelectorAll only for elements that have a specific attribute set?
  8. Why does document.querySelectorAll return a StaticNodeList rather than a real Array?
  9. querySelector search immediate children [duplicate]
  10. How do I get the value of text input field using JavaScript?
  11. How do I set/unset a cookie with jQuery?
  12. Remove element by id
  13. Force DOM redraw/refresh on Chrome/Mac
  14. jQuery document.createElement equivalent?
  15. How to hide a in a menu with CSS?
  16. How can I access iframe elements with Javascript?
  17. How can I check if a scrollbar is visible?
  18. document.createElement(“script”) synchronously
  19. When does reflow happen in a DOM environment?
  20. Firing event on DOM attribute change
  21. How can I simulate a click to an anchor tag?
  22. Good ways to improve jQuery selector performance?
  23. Manipulating innerHTML removes the event handler of a child element? [duplicate]
  24. How do I programmatically click on an element in JavaScript?
  25. How to access CSS generated content with JavaScript
  26. Dynamically creating HTML elements using Javascript?
  27. AngularJS: How to run additional code after AngularJS has rendered a template?
  28. How to get the HTML for a DOM element in javascript
  29. Accessing the content of other tabs in a browser
  30. How to select all checkboxes with jQuery?
  31. querySelector vs. getElementById [closed]
  32. How to scroll down with Phantomjs to load dynamic content
  33. How to detect when an iframe has already been loaded
  34. Difference between DOM parentNode and parentElement
  35. Change ‘s option and trigger events with JavaScript
  36. HTML DOM: Which events do not bubble?
  37. HTML Table with vertical rows
  38. Add elements to the DOM given plain text HTML using only pure JavaScript (no jQuery)
  39. Is it possible to get reference to comment element/block by JavaScript?
  40. Are event handlers in JavaScript called in order?
  41. React, losing saved data in localStorage with useEffect after page refresh
  42. createElement vs. createElementNS
  43. How AJAX is done in github source browse?
  44. Why does document.body.offsetHeight + document.body.bottomMargin not equal document.documentElement.offsetHeight
  45. change html text from link with jquery
  46. JavaScript scrollTo method does nothing?
  47. Difference between document.addEventListener and window.addEventListener?
  48. QuerySelector for Web Elements Inside iframe
  49. JavaScript: Is it better to use innerHTML or (lots of) createElement calls to add a complex div structure? [duplicate]
  50. Why is iframe.contentWindow == null?

Leave a Comment