なにがいけないのか、という点がはっきり書かれた回答がないようなので...。
要素が見つからなかった場合は空の集合が返るのではないのでしょうか?
いいえ、違います。getElementById()
は指定したIDを持つ要素が存在すればその要素(集合ではありません)を、存在しない場合は null を返します。空の集合ではありません。
ちなみにメソッド名をよく見ると getElementsByClassName と getElementById では複数形かどうかが異なります。
また、getElementsByClassName()
は Document オブジェクトにしか存在しないメソッドです。親要素(やその集合)を指定して呼び出すことはできません。そういった用途では querySelector()
や querySelectorAll()
、あるいはSizzleなどまた、getElementsByClassName()
は Document オブジェクトにしか存在しないメソッドです。
他のライブラリを使い要素に対しても使えるって書いてありますね...失礼しました。
ちなみに速度面ですが、前述のとおり getElementsByClassName に親要素を指定することはできません。で、ベンチマークスコアの上では querySelectorAll 等の方が遅いです。親要素を指定することで幾分スコアはよくなりますが、それでも getElementsByClassName にはかないません。
ですからとしてみても、親要素を指定する必要がしてもしなくても大差ないのであれば getElementsByClassName を単独で使った方が速いです。それでも通常は微々たる違いようですが。(例 https://jsperf.com/q34501-3/1)