javascript - ツリー ビューを実装する最善の方法は何ですか?

Question

以下のように、ネストされた ul li タグを使用して構築されたツリー ビューを作成しています。

    <ul>
        <li>Level 1 a
            <ul>
                <li>Level 2 a</li>
                <li>Level 2 b
                    <ul>
                        <li>Level 3 a</li>
                        <li>Level 3 b</li>
                    </ul>
                </li>
            </ul>
        </li>
        <li>Level 1 b</li>
    </ul>

以下のようにツリービューをナビゲートするときに、セルでリスト項目をクリックできるようにしたかったのです。

以下のように、リスト項目に JavaScript 関数を追加できることがわかっています。

 <li onClick="redicrectPage(url)">

event.cancelBubble = true子アイテムがクリックされたときに親イベントがトリガーされるのを避けるために追加します。

私の質問は、上記の実装に関するより良いクロスブラウザーの回避策はありますか?

よろしくお願いします。