如何在JavaScript中使用循环创建这些元素

// 假设我们要创建10个div元素
const container = document.getElementById('container');

for (let i = 0; i < 10; i++) {
  const div = document.createElement('div');
  div.textContent = `这是第${i + 1}个div`;
  container.appendChild(div);
}

const container = document.getElementById('container');
const elements = ['元素1', '元素2', '元素3'];

elements.forEach(elementText => {
  const div = document.createElement('div');
  div.textContent = elementText;
  container.appendChild(div);
});

const container = document.getElementById('container');
const elements = ['元素1', '元素2', '元素3'];

const elementArray = elements.map(elementText => {
  const div = document.createElement('div');
  div.textContent = elementText;
  return div;
});

elementArray.forEach(div => container.appendChild(div));