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はid "my"で、CSSクラス "divid"を持つDOM要素を見つけようとしています。 querySelectorAllは、あなたがクラスではなくidで要素を欲しいと知っていますか？メソッドを混乱させるように適切なid atrributeを持つことはあなた次第です。期間は許されますが、ほとんどの場合jqueryなどの他のライブラリと混同しないようにするのがベストプラクティスです。

Answer 2

あなたはID my.dividを持つ要素を.は、クラスセレクタを表し、そのセレクタ#my.dividはID myとクラスdividを持つ要素を表し、ないことを覚えておく必要があります。だから、次の要素は、あなたのセレクタにマッチしたことになります。

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

あなたは上記与えているようID my.dividで要素を選択する必要がある場合は、ピリオドをエスケープする必要があります。

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

二重バックスラッシュはJSセレクタ文字列であることに注意してください。 CSSルールでは、単一のバックスラッシュを使用します：#my\.divid

Answer 3

私はかなりIDで合法ではないと確信しています。 CSSでは、これは次のように解釈されます：<div id="my" class="divid"></div>。そのようにスタイルを決めることはできません。そして、querySelectorAllは同じパーサを使用しているので（私は思う）、あなたは同じ問題を抱えています。