階層メニュー部分のHTML文は以下のようになっている。それはUL-LI-UL-LI-・・・の階層構造であり、入れ子になったリスト構造である。この構造によって入れ子の部分をまとめて管理できるので、親−子−孫−構造こそが階層メニューの真骨頂ではないだろうか。 なお、メニューの各リスト項目をわざわざ<p>タグで囲ったのは、この部分をブロック扱いにするためである。(それによって文字部分ではない余白にマウスが重なっても当該部分をハイライトすることが出来る。)<p>タグを用いずにcssで各メニュー項目をブロック扱いする方法もあるが、この方が筋が通っていると考えた。 【ポイント】 DOMによりHTML要素を直接Objectとしてコントロール出来るので、要素に対するidやclass指定は極めて少なくて済む。(idやclass指定はCSSによるコントロールのためのみに必要になるに過ぎない。Javasc