Does querySelectorAll support the period(.) character in an id?

css-selectors, javascript, selectors-api

Solution

A period in `querySelectorAll` means you are specifying a css class. In your case `querySelectorAll` is trying to find out a DOM element with `id` "my" and having a css class "divid". How will `querySelectorAll` know that this time you want element by id and not by class? It is up to you to have proper `id` atrribute so as to no to confuse the method. Though a period is allowed, the best practise is to avoid it most of the time so that you do not confuse other libraries like jquery etc.

Problem

Does querySelectorAll support the period(.) character in an id? I mean if I append an element like below: ``` var div = document.createElement('div'); div.id='my.divid'; document.body.appendChild(div); ``` and then I use querySelectorAll like below: ``` document.querySelectorAll('#my.divid'); ``` then I get nothing! So period is legal character for id, and querySelectorAll is the official method which Firefox provided; I can't believe the method doesn't support period(.) in id. Did I make some mistake?

Original source