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

，可以通过以下步骤实现：

首先，定义一个JS函数，可以命名为createDivs或者其他合适的名称。
在函数内部，使用DOM操作创建新的div元素。可以使用document.createElement方法创建div元素，并使用document.createTextNode方法创建文本节点。
设置div元素的属性和样式，例如设置div的class、id、宽度、高度、背景颜色等。
将文本节点添加到div元素中，可以使用appendChild方法将文本节点添加到div元素的子节点列表中。
最后，将新创建的div元素添加到页面中的适当位置。可以使用document.body.appendChild方法将div元素添加到body元素中，或者将其添加到其他指定的父元素中。

下面是一个示例代码：

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);

这段代码会根据传入的新数据，在页面中创建三个宽高为100px的红色div，并在每个div中显示对应的文本内容。你可以根据实际需求修改代码中的属性和样式，以及添加其他的DOM操作。