javascript - ID ではなくクラス内でマップをロードする

Question

目標

.map_canvasの代わりに内にロードされたマップを表示します#map_canvas。

問題

キャッチされていない TypeError: 未定義のプロパティ 'position' を設定できません

シナリオ

マップを読み込むと#map_canvasすべてうまくいきますが、要素ラッパーを に変更する.map_canvasと、アプリケーションが落ちます。

私は2つの例を作りました:

1. With #map_canvas: jsFiddle で再生✓</li>
2. With .map_canvas: jsFiddle でプレイ✗</li>

どちらの場合も、JavaScript コードの36 行目に注意してください。

ヒント: の代わりに jQuery セレクターを使用しようとしましgetElementsByClassName()たが、問題は解決しません。

誰かが私にアイデアを与えることができますか？

Answer 1

これgetElementsByClassNameは、配列を返すためです0。インデックスを指定します。

var mapDiv = document.getElementsByClassName("map_canvas")[0];

クラスのデモ: http://jsfiddle.net/tymeJV/fqCTV/1/