使用javascript更改html菜单的结构

我正在使用的CMS为菜单生成这样一个代码：

<ul>
    <li><a href="">second level menu</a></li>
    <li><a href="">third level menu</a></li>
    <li><a href="">third level menu</a></li>
</ul>
<ul>
    <li><a href="">second level menu</a></li>
    <li><a href="">third level menu</a></li>
</ul>
...

我想更改第三级菜单的显示方式。是否可以使用javascript将此代码更改为：

<ul>
    <li><a href="">second level menu</a>
        <ul>
            <li><a href="">third level menu</a></li>
            <li><a href="">third level menu</a></li>
        </ul>   
    </li>
</ul>
<ul>
    <li><a href="">second level menu</a>
        <ul>
            <li><a href="">third level menu</a></li>
        </ul>   
    </li>
</ul>
...

您需要区分li元素，这样您就可以确定哪些元素应该是第一级或下一级元素。设置，我认为是一个不错的解决方案

顺便说一句，下面只是一个样板代码，对于给定的结构，它确实可以工作。你需要掌握逻辑，这样你就可以把它应用到其他问题上

var-uls=document.queryselectoral'ul'； forvar i=0；即dataset.level==3； 如果_childrence.length>0{ var newul=document.createElementul； _children.mape=>newul.appendChilde； uls[i].appendChildnewul； } }

---

我无法编辑此cms中菜单的原始代码。非常感谢@marmeladze！