遍历创建dom元素

可以通过以下代码遍历创建DOM元素：

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

// 创建一个数组，用于存储li元素的文本内容
var items = ["Item 1", "Item 2", "Item 3"];

// 遍历数组，创建li元素并添加到ul元素中
for (var i = 0; i < items.length; i++) {
  // 创建一个li元素
  var li = document.createElement("li");

  // 设置li元素的文本内容
  li.innerHTML = items[i];

  // 将li元素添加到ul元素中
  ul.appendChild(li);
}

// 将ul元素添加到页面中的某个容器元素中
document.getElementById("container").appendChild(ul);

该代码将创建一个ul元素，然后遍历一个数组，为每个数组元素创建一个li元素，并将其添加到ul元素中，最后将ul元素添加到页面中的某个容器元素中。这样就可以动态地创建DOM元素，并将其添加到页面中。

相关问题

uniapp怎么获取遍历的数据的全部dom元素

在uniapp中，可以使用wx.createSelectorQuery()方法获取遍历数据的全部dom元素。具体步骤如下：

1. 在需要遍历数据的页面中，使用wx.createSelectorQuery()创建一个查询对象。

2. 调用查询对象的selectAll()方法，传入需要遍历的选择器，例如".list-item"。

3. 调用查询对象的boundingClientRect()方法，获取每个元素的位置和大小信息。

4. 调用查询对象的exec()方法，执行查询操作，并在回调函数中获取查询结果。

代码示例：

// 获取所有class为list-item的元素
wx.createSelectorQuery().selectAll('.list-item').boundingClientRect((rects) => {
  // rects是一个数组，包含每个元素的位置和大小信息
  rects.forEach((rect) => {
    console.log(rect)
  })
}).exec()