原生js树型菜单

<ul id="treeMenu">
    <li>
        菜单项1
        <ul>
            <li>子菜单项1-1</li>
            <li>子菜单项1-2</li>
        </ul>
    </li>
    <li>菜单项2</li>
    <!-- 更多菜单项 -->
</ul>

document.addEventListener('DOMContentLoaded', function() {
    var treeMenu = document.getElementById('treeMenu');
    treeMenu.addEventListener('click', function(event) {
        var target = event.target;
        // 查找点击的<li>元素
        while (target && target.nodeName !== 'LI') {
            target = target.parentNode;
        }
        if (target) {
            var subMenu = target.querySelector('ul');
            if (subMenu) {
                // 切换子菜单的显示/隐藏
                subMenu.style.display = subMenu.style.display === 'block' ? 'none' : 'block';
            }
        }
    });
});