Get element by part of Name or ID

by

Your best bet is probably document.querySelectorAll, which you can use any CSS selector with, including an “attribute starts with” selector like input[id^="id_qtedje_"]. It’s supported on all modern browsers, and also IE8:

var elements = document.querySelectorAll('input[id^="id_qtedje_"]');

If you wanted just the first match (rather than a list), you could use document.querySelector instead. It returns a reference to the first match in document order, or null if nothing matched.

Alternately, you could give the elements a class name, then use document.getElementsByClassName, but note that while getElementsByClassName was supported in old versions of Chrome and Firefox, IE8 doesn’t have it, so it’s not as well-supported as the more-useful querySelectorAll in the modern era.

var elements = document.getElementsByClassName("theClassName");

If you use any libraries (jQuery, MooTools, Closure, Prototype, etc.), they’re likely to have a function you can use to look up elements by just about any CSS selector, filling the gaps in browser support with their own code. For instance, in jQuery, it’s the $ (jQuery) function; in MooTools and Prototype, it’s $$.

More Related Contents:

  1. html form that passes information to a variable in javascript [closed]
  2. My form’s validate() is not working
  3. jQuery AJAX submit form
  4. Send POST data using XMLHttpRequest
  5. Submit form without page reloading
  6. Submit two forms with one button
  7. Prevent double submission of forms in jQuery
  8. JavaScript Form Submit – Confirm or Cancel Submission Dialog Box
  9. How do I capture response of form.submit
  10. How to send a JSON object using html form data
  11. How to submit an HTML form without redirection
  12. How to get number of rows in using JavaScript?
  13. Form Submit Execute JavaScript Best Practice? [closed]
  14. Composing multipart/form-data with a different Content-Type on each parts with Javascript (or Angular)
  15. Enable/Disable submit button if checkbox is checked/unchecked?
  16. javascript if number greater than number
  17. Avoid Angular2 to systematically submit form on button click
  18. Form ‘onsubmit’ not getting called
  19. How do you limit options selected in a html select box?
  20. submit event does not fire if submit initiated programmatically
  21. Passing javascript variables between pages [duplicate]
  22. Angular form validation ng-disabled not working
  23. How to create dynamically
  24. How best to make a link submit a form
  25. Submit form on Enter key with javascript
  26. Copy/Paste from Excel to a web page
  27. Custom Checkbox
  28. Javascript number comparison fails
  29. .js.erb VS .js
  30. jquery serialize and multi select dropdown

Leave a Comment