当li有一个下划线和javascript（没有jQuery）时添加ul

Question

我想在<ul>有<li>时自动添加'_'，然后从'_'移除<li>。

举个例子，我想改变这个：

<nav>
    <div class='LinkList' id='LinkList1'>
        <ul>
            <li><a href='#'>Look Book</a></li>
            <li><a href='#'>Pages</a></li>
            <li><a href='#'>_Home</a></li>
            <li><a href='#'>_Contact Page</a></li>
            <li><a href='#'>Info</a></li>
            <li><a href='#'>_Success</a></li>
            <li><a href='#'>_Error</a></li>
            <li><a href='#'>Categories</a></li>
        </ul>
    </div>
</nav>

所以它看起来像这样：

<nav>
  <div class='LinkList' id='LinkList1'>
    <ul>
      <li><a href='#'>Look Book</a></li>
      <li><a href='#'>Pages</a>
        <ul>
          <li><a href='#'>Home</a></li>
          <li><a href='#'>Contact Page</a></li>
        </ul>
      </li>
      <li><a href='#'>Info</a>
        <ul>
          <li><a href='#'>Success</a></li>
          <li><a href='#'>Custom Dashboard</a></li>
        </ul>
      </li>
      <li><a href='#'>Categories</a></li>
    </ul>
  </div>
</nav>