Uncaught SyntaxError: Failed to execute ‘querySelector’ on ‘Document’

by

You are allowed to use IDs that start with a digit in your HTML5 documents:

The value must be unique amongst all the IDs in the element’s home subtree and must contain at least one character. The value must not contain any space characters.

There are no other restrictions on what form an ID can take; in particular, IDs can consist of just digits, start with a digit, start with an underscore, consist of just punctuation, etc.

But querySelector method uses CSS3 selectors for querying the DOM and CSS3 doesn’t support ID selectors that start with a digit:

In CSS, identifiers (including element names, classes, and IDs in selectors) can contain only the characters [a-zA-Z0-9] and ISO 10646 characters U+00A0 and higher, plus the hyphen (-) and the underscore (_); they cannot start with a digit, two hyphens, or a hyphen followed by a digit.

Use a value like b22 for the ID attribute and your code will work.

Since you want to select an element by ID you can also use .getElementById method:

document.getElementById('22')

More Related Contents:

  1. Why define an anonymous function and pass it jQuery as the argument?
  2. Getting Chrome to prompt to save password when using AJAX to login
  3. How to improve rendering performance when using $.html()
  4. start javascript code with $(function, etc
  5. What is the purpose of backbone.js?
  6. Can't multiply 2 var in JavaScript
  7. How can I turn a into a link?
  8. Should all jquery events be bound to $(document)?
  9. ReactJS convert HTML string to JSX
  10. Filter array of objects with another array of objects
  11. Check if event is triggered by a human
  12. Track event in google analytics upon clicking form submit
  13. make iframe height dynamic based on content inside- JQUERY/Javascript
  14. How to deeply merge two object values by keys
  15. jQuery/Javascript function to clear all the fields of a form [duplicate]
  16. Regex to Match Symbols: !$%^&*()_+|~-=`{}[]:”;’?,./
  17. Javascript regex returning true.. then false.. then true.. etc [duplicate]
  18. Can I change an HTML element’s type?
  19. how to disable DIV element and everything inside [duplicate]
  20. How Do I Stop My Web Content From Shifting Left When The Vertical Scrollbar Appears? Roll-Up of Advice 2017 [duplicate]
  21. jQuery key code for command key
  22. Bootstrap’s JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3
  23. JavaScript / jQuery closure function syntax
  24. javascript/jquery – add debounce to a button
  25. jQuery ajax async: false causes a strange warning?
  26. How to flatten array in jQuery?
  27. Capturing result of window.onbeforeunload confirmation dialog
  28. Prevent a link to reload page
  29. Do duplicate ID values screw up jQuery selectors?
  30. Failed to execute ‘atob’ on ‘Window’

Leave a Comment