ul>li>ul>li>ul>li

可以使用类似以下的代码来生成 `ul>li>ul>li>ul>li` 这样的 HTML 结构：

// 创建外层ul元素
const outerUl = document.createElement("ul");

// 创建第一个li元素
const li1 = document.createElement("li");

// 创建内层ul元素
const innerUl1 = document.createElement("ul");

// 创建内层li元素
const innerLi1 = document.createElement("li");

// 创建内层ul元素
const innerUl2 = document.createElement("ul");

// 创建内层li元素
const innerLi2 = document.createElement("li");

// 创建内层ul元素
const innerUl3 = document.createElement("ul");

// 创建内层li元素
const innerLi3 = document.createElement("li");

// 将内层li元素添加到内层ul元素中
innerUl3.appendChild(innerLi3);

// 将内层ul元素添加到内层li元素中
innerLi2.appendChild(innerUl3);

// 将内层li元素添加到内层ul元素中
innerUl2.appendChild(innerLi2);

// 将内层ul元素添加到内层li元素中
innerLi1.appendChild(innerUl2);

// 将内层li元素添加到内层ul元素中
innerUl1.appendChild(innerLi1);

// 将内层ul元素添加到第一个li元素中
li1.appendChild(innerUl1);

// 将第一个li元素添加到外层ul元素中
outerUl.appendChild(li1);

// 将外层ul元素添加到body中
document.body.appendChild(outerUl);

这段代码会生成以下的 HTML 结构：

<ul>
  <li>
    <ul>
      <li>
        <ul>
          <li>
            <ul>
              <li></li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

需要注意的是，这种方式不是很常见，一般来说没有这么多层嵌套。而且这种方式比较繁琐，不太容易维护。如果需要生成多层嵌套的 HTML 结构，可以考虑使用递归的方式来实现。