親や祖先要素のレイヤーをスクリプトから認識できない

症状

スクリプトを用いる場合、親要素や祖先要素をオブジェクトとして参照することができない。

例示

<div style="position:absolute;" id="l1">外部</div>
<form"><div>
<input type="button" value="外から変更"
  onclick="javascript:document.layers['l1'].bgColor='aqua'">
</div></form>
<div style="position:absolute;" id="l2">内部
<form><div>
<input type="button" value="内から変更"
  onclick="javascript:document.layers['l2'].bgColor='lime'">
</div></form>
</div>

外部

内部

ボタンを押すと各々のレイヤーの背景色が変わります。前者は背景色を設定するスクリプトがレイヤー要素の外部の要素にある場合、後者はスクリプトがレイヤー要素の子孫要素に存在する場合です。