使用循环实现3层ul嵌套,使用dom实现

好的，以下是使用JavaScript和DOM实现3层ul嵌套的代码示例：

// 创建 ul 元素
var ul1 = document.createElement("ul");

// 创建 li 元素并添加文本
var li1 = document.createElement("li");
var liText1 = document.createTextNode("Item 1");
li1.appendChild(liText1);

// 创建第二个 ul 元素
var ul2 = document.createElement("ul");

// 创建第二个 li 元素并添加文本
var li2 = document.createElement("li");
var liText2 = document.createTextNode("Item 2");
li2.appendChild(liText2);

// 创建第三个 ul 元素
var ul3 = document.createElement("ul");

// 创建第三个 li 元素并添加文本
var li3 = document.createElement("li");
var liText3 = document.createTextNode("Item 3");
li3.appendChild(liText3);

// 将第三个 li 元素添加到第三个 ul 元素中
ul3.appendChild(li3);

// 将第三个 ul 元素添加到第二个 li 元素中
li2.appendChild(ul3);

// 将第二个 li 元素添加到第一个 ul 元素中
ul2.appendChild(li2);

// 创建第四个 li 元素并添加文本
var li4 = document.createElement("li");
var liText4 = document.createTextNode("Item 4");
li4.appendChild(liText4);

// 将第四个 li 元素添加到第一个 ul 元素中
ul1.appendChild(li1);
ul1.appendChild(ul2);
ul1.appendChild(li4);

// 将 ul 元素添加到 HTML 文档中的 body 元素中
document.body.appendChild(ul1);

这段代码会在 HTML 页面中生成以下嵌套的列表：

- Item 1
- Item 2
  - Item 3
- Item 4