JS函数在运行新数据时创建多个div

function createDivs(data) {
  for (let i = 0; i < data.length; i++) {
    // 创建新的div元素
    const div = document.createElement('div');
    
    // 设置div的属性和样式
    div.className = 'my-div';
    div.style.width = '100px';
    div.style.height = '100px';
    div.style.backgroundColor = 'red';
    
    // 创建文本节点
    const textNode = document.createTextNode(data[i]);
    
    // 将文本节点添加到div元素中
    div.appendChild(textNode);
    
    // 将div元素添加到body元素中
    document.body.appendChild(div);
  }
}

// 调用函数并传入新数据
const newData = ['div1', 'div2', 'div3'];
createDivs(newData);