Skip to main content
誤りを修正
ソース リンク
unarist
  • 1.5万
  • 5
  • 36
  • 78

なにがいけないのか、という点がはっきり書かれた回答がないようなので...。

要素が見つからなかった場合は空の集合が返るのではないのでしょうか?

いいえ、違います。getElementById() は指定したIDを持つ要素が存在すればその要素(集合ではありません)を、存在しない場合は null を返します。空の集合ではありません。
ちなみにメソッド名をよく見ると getElementsByClassName と getElementById では複数形かどうかが異なります。

また、getElementsByClassName()Document オブジェクトにしか存在しないメソッドです。親要素(やその集合)を指定して呼び出すことはできません。そういった用途では querySelector()querySelectorAll() 、あるいはSizzleなどまた、getElementsByClassName() は Document オブジェクトにしか存在しないメソッドです。
ライブラリを使い要素に対しても使えるって書いてありますね...失礼しました


 

ちなみに速度面ですが、前述のとおり getElementsByClassName に親要素を指定することはできません。で、ベンチマークスコアの上では querySelectorAll 等の方が遅いです。親要素を指定することで幾分スコアはよくなりますが、それでも getElementsByClassName にはかないません。

https://jsperf.com/q34501

ですからとしてみても、親要素を指定する必要がしてもしなくても大差ないのであれば getElementsByClassName を単独で使った方が速いです。それでも通常は微々たる違いようです(例 https://jsperf.com/q34501-3/1)

なにがいけないのか、という点がはっきり書かれた回答がないようなので...。

要素が見つからなかった場合は空の集合が返るのではないのでしょうか?

いいえ、違います。getElementById() は指定したIDを持つ要素が存在すればその要素(集合ではありません)を、存在しない場合は null を返します。空の集合ではありません。
ちなみにメソッド名をよく見ると getElementsByClassName と getElementById では複数形かどうかが異なります。

また、getElementsByClassName()Document オブジェクトにしか存在しないメソッドです。親要素(やその集合)を指定して呼び出すことはできません。そういった用途では querySelector()querySelectorAll() 、あるいはSizzleなどライブラリを使います。


 

ちなみに速度面ですが、前述のとおり getElementsByClassName に親要素を指定することはできません。で、ベンチマークスコアの上では querySelectorAll 等の方が遅いです。親要素を指定することで幾分スコアはよくなりますが、それでも getElementsByClassName にはかないません。

https://jsperf.com/q34501

ですから、親要素を指定する必要がないのであれば getElementsByClassName を単独で使った方が速いです。それでも通常は微々たる違いです

なにがいけないのか、という点がはっきり書かれた回答がないようなので...。

要素が見つからなかった場合は空の集合が返るのではないのでしょうか?

いいえ、違います。getElementById() は指定したIDを持つ要素が存在すればその要素(集合ではありません)を、存在しない場合は null を返します。空の集合ではありません。
ちなみにメソッド名をよく見ると getElementsByClassName と getElementById では複数形かどうかが異なります。

また、getElementsByClassName() は Document オブジェクトにしか存在しないメソッドです。
要素に対しても使えるって書いてありますね...失礼しました

ちなみに速度面ですが、ベンチマークスコアとしてみても、親要素を指定してもしなくても大差ないようです。(例 https://jsperf.com/q34501-3/1)

ソース リンク
unarist
  • 1.5万
  • 5
  • 36
  • 78

なにがいけないのか、という点がはっきり書かれた回答がないようなので...。

要素が見つからなかった場合は空の集合が返るのではないのでしょうか?

いいえ、違います。getElementById() は指定したIDを持つ要素が存在すればその要素(集合ではありません)を、存在しない場合は null を返します。空の集合ではありません。
ちなみにメソッド名をよく見ると getElementsByClassName と getElementById では複数形かどうかが異なります。

また、getElementsByClassName()Document オブジェクトにしか存在しないメソッドです。親要素(やその集合)を指定して呼び出すことはできません。そういった用途では querySelector()querySelectorAll() 、あるいはSizzleなどのライブラリを使います。


ちなみに速度面ですが、前述のとおり getElementsByClassName に親要素を指定することはできません。で、ベンチマークスコアの上では querySelectorAll 等の方が遅いです。親要素を指定することで幾分スコアはよくなりますが、それでも getElementsByClassName にはかないません。

https://jsperf.com/q34501

ですから、親要素を指定する必要がないのであれば getElementsByClassName を単独で使った方が速いです。それでも通常は微々たる違いですが。