Поддерживает ли querySelectorAll период символа (.) В id?

Question

Поддерживает ли querySelectorAll период символа (.) В id?

Я имею в виду, если я добавляю элемент, как показано ниже:

var div = document.createElement('div'); 
div.id='my.divid'; 
document.body.appendChild(div); 

, а затем я использую querySelectorAll, как показано ниже:

document.querySelectorAll('#my.divid'); 

Я ничего не получил!

Таким образом, период является юридическим символом для id, а querySelectorAll является официальным методом, предоставляемым firefox, я не могу считать, что метод не поддерживает период (.) В id. Я сделал какую-то ошибку?

Спасибо!

Answer 1

Период в querySelectorAll означает, что вы указываете класс css. В вашем случае querySelectorAll пытается найти элемент DOM с id «мой» и иметь класс «делить». Как будет querySelectorAll знать, что на этот раз вам нужен элемент по id, а не по классу? Это зависит от вас, чтобы иметь правильный id atrribute, чтобы не путать метод. Хотя период разрешен, лучше всего избегать его большую часть времени, чтобы вы не путали другие библиотеки, такие как jquery и т. Д.

Answer 2

Вы должны помнить, что . представляет собой селектор класса, поэтому селектор #my.divid представляет собой элемент с идентификатором my и классом divid, не элемента с ID my.divid. Таким образом, следующий элемент будет соответствовать вашему селектору:

var div = document.createElement('div'); 
div.id = 'my'; 
div.className = 'divid'; 
document.body.appendChild(div); 

Если вам нужно выбрать элемент с идентификатором my.divid, как вы дали выше, вам нужно бежать период:

document.querySelectorAll('#my\\.divid'); 

Обратите внимание, что двойная обратная косая черта - это то, что это селекторная строка JS; в правиле CSS вы использовали бы одну обратную косую черту: #my\.divid

Answer 3

Я уверен, что это даже не законно в id. и в CSS, который будет интерпретироваться как нечто вроде этого: <div id="my" class="divid"></div>. Вы так и не смогли бы создать стиль. А поскольку querySelectorAll использует тот же синтаксический анализатор (я думаю), у вас будут те же проблемы.