javascript - querySelectorAll を使用する場合

Question

私が書いたサンプルコードの一部で

var as = toArray(document.getElementsByClassName("false")).filter(function (el) {
    return el.tagName === "A";
});

そして、私はそれを置き換えることができると考えていました

var as = document.querySelectorAll("a.false");

次の事実を読んだ後

質問:通常の方法よりも QSA を優先する必要があるのはどのような場合ですか?

より優れたメソッド (byTagName、byClassName、byId) があるため、実行qsa("a")または実行が間違っていることは明らかです。qsa(".class")qsa("#id")

それqsa("div > p.magic")が賢明なユースケースであることも明らかです。

質問:しかしqsa("tagName.class")、QSA の適切な使用例はありますか?

さらに別として、と呼ばれるものもありますNodeIterator

QSA と NodeIteratorについて質問しました

score 2 · Accepted Answer

セレクターが複雑なためにgEBI、gEBN、gEBCNが機能しない場合は、QSAを使用する必要があります。

QSAとDOMの解析は好みの問題であり、返されたデータセットをどのように処理するかが問題になります。

score 1 · Accepted Answer

ブラウザのサポートが問題にならないのであれば、私はどこでもそれを使用します. 1 つしか使用できないのに、なぜ 4 つの異なるメソッド (...byId、...byTagName、...byClassName) を使用するのでしょうか。

QSA は遅いようですが(... byId )、それでも数ミリ秒以下しかかかりません。ほとんどの場合、数回しか呼び出さないので問題ありません。速度のボトルネックにぶつかったときは、いつでも QSA を適切な他のものに置き換えることができます。

score 0 · Accepted Answer

私はあなたがいじるためにいくつかのテストを設定しました。QSA はかなり遅いようです。でも、そこまで呼ばないなら問題ないはずです。

編集 - jsperf バージョン

3 に答える 3