js循环添加dom节点

好的，下面是一个简单的例子，演示如何使用 JavaScript 循环来添加 DOM 节点：

HTML：

<ul id="myList">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

JavaScript：

const myList = document.getElementById('myList');

for (let i = 4; i <= 6; i++) {
  const listItem = document.createElement('li');
  listItem.textContent = 'Item ' + i;
  myList.appendChild(listItem);

  listItem.addEventListener('click', function() {
    console.log('You clicked on item ' + i);
  });
}

这个例子中，我们首先获取了一个 id 为 "myList" 的 `<ul>` 元素，然后使用 for 循环来添加三个新的 `<li>` 元素。在循环中，我们使用 `document.createElement()` 方法创建新的元素，使用 `textContent` 属性设置元素的文本内容，然后使用 `appendChild()` 方法将元素添加到列表中。

另外，我们还在每个新元素上添加了一个点击事件监听器，以便在用户单击某个元素时记录其索引值。为了确保每个事件监听器都能正确地记录其所属元素的索引值，我们使用了一个闭包来保存循环变量 `i` 的值。