getElementsByで参照するJavaScriptまとめサイト （getelementsby.com）

JavaScriptの記述もスタイルシート同様、複雑・多様化してきているが、CSSをきちんと構成することでJavaScriptとの連携もスムーズに行える。よく利用するのはgetElementByIdだろう。その他の要素取得にはどうすればよいか？

getElementByIdを含む、要素取得の方法をまとめたサイトがgetelementsby.com。7種類の方法が簡単に紹介されている。複数のパターンが紹介されているものもあるので、既存のJavaScriptに組み込みやすいものを選択することができる。

Fanction名をクリックすると記述例が表示される

参照できるのは記述例まで、具体的な解説などJavaScriptコードはリンク先のオリジナルを確認する

getElementBy*

1. getElementById
2. getElementsByName
3. getElementsByTagName
4. getElementsByClassName
5. getElementsBySelector
6. getElementsByAttribute
7. getElementsByAnything

JavaScriptを記述する上で、みなさんはどのような点を注意するだろうか？実行速度、可読性、汎用性など色々な部分に注意すると思う。JavaScriptの処理速度は決して速くない。実行環境が一定ではないので速度、汎用性（ブラウザ対応）には気を使いたい。

getElementByID、変数、withによる参照速度比較 で確認できるテスト処理では、変数を利用した記述方法がJavaScriptの実行速度が一番早いとの結果となっている。”参考程度”との紹介ではあるが、記述方法１つでJavaScriptの実行速度が違いを見せることを十分に裏付けている。

サンプルのJavaScriptコードが複数パターン紹介されている場合など、こうした事柄を前提に選択してゆくのが、良いかと思われる。