[Prototype.js]$$()で取得したDOMは他要素への参照ができない

タイトルそのままなんだけどprototype.jsで$$()で要素を取得した場合、他の要素にアクセスできなかった。

$("id").parentNode → お父さん要素取得
$$("#id").parentNode → undefined

$("id").getElementsByTagName("span") → 子供span取得
$$("#id").getElementsByTagName("span") → undefined

jQueryやmootoolsに慣れた身にはショッキングだった

prototype.jsで要素を追加する

prototype.jsでは
$(要素).insert(追加要素);
で新しく要素を追加できる。


■新しい要素をどこに追加するかを指定する
$(elem).insert("top", 要素);
topと指定すると子要素の最初に追加される。

他には
$(elem).insert("bottom", 要素);
で最後に追加。位置をしていしない場合も最後の子要素として追加される。

子要素としてではなく、兄弟要素として指定の要素の前後に追加することもできる。
$(elem).insert("before", 要素);
$(elem).insert("after", 要素);

参考：
いまからはじめるPrototype.js (5) HTML要素とフォームに関するメソッド マイコミジャーナル