使用循环展示ul>li>ul>li>ul>li效果，

好的，以下是使用 JavaScript 和 DOM 循环展示 `ul>li>ul>li>ul>li` 的代码：

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

// 定义层数
const depth = 3;

// 定义初始元素
let currentElement = outerUl;

// 循环创建元素
for (let i = 0; i < depth; i++) {
  // 创建li元素
  const li = document.createElement("li");

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

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

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

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

  // 将li元素添加到当前元素中
  currentElement.appendChild(li);

  // 更新当前元素为内层li元素
  currentElement = innerLi;
}

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

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

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

需要注意的是，这段代码中使用了一个变量 `currentElement` 来表示当前元素。在循环中，每次创建新的元素后，都将其添加到当前元素中，然后将当前元素更新为新创建的元素。这样就可以一层一层地嵌套元素了。