もっとも早いdocumentとは

Question

getElementsByTagNameやgetElementByIdなどがありますが一番高速に読み取れるのはなんなのでしょうか。
皆さんの知識を教えてください！

Answer 1

getElementById が高速。

HTML構造の中で、id はユニークであるというルールがあるため、ドキュメントを上から検索して、1つ見つかれば、そのあとは検索する必要がない。一つだけ結果を返せばいい。

getElementsByTagName や getElementsByVlassName は一つ見つけても、他にはないか、全ての該当するものを返す必要がある。

Comments

[2001Y]

なるほどありがとうございます。
querySelectorはとても便利だと思うのですが、ClassやTag同様、全てを取得する事で遅いということですか？
id > tag > class > querySelector

[退会済みユーザー]

一概には言えないとは思います。正確にその順位が知りたいのでしたら、1万回くらい回してfor 文の中で実行し計測してみれば良いかと思います。

[2001Y]

ありがとうございます。
最近始めた身としてはquerySelectorは素晴らしいと思うのですが、全てに検索をかけている気がして、速度が気になっていました。
試してみたいと思います。