如果你的数据集很大，你可能需要使用循环来遍历所有的数据，并为每个数据渲染一个div。以下是一个简单的示例：

```javascript // 假设我们有一个包含多个数据的数组 const data = [ {name: 'John', age: 20}, {name: 'Jane', age: 25}, {name: 'Bob', age: 30} ];

// 定义一个函数来渲染每个数据的div function renderDiv(data) { for (let i = 0; i < data.length; i++) { // 创建一个新的div元素 const div = document.createElement('div');

// 设置div的样式
div.style.display = 'block';
div.innerHTML = `
  <p>Name: ${data[i].name}</p>
  <p>Age: ${data[i].age}</p>
`;

// 将div添加到页面上
document.body.appendChild(div);

} }

// 使用函数渲染数据 renderDiv(data); ```

在这个示例中，我们首先定义了一个函数renderDiv，它接受一个包含数据的数组作为参数。然后，我们使用一个for循环遍历数组中的每个数据。在循环内部，我们创建一个新的div元素，设置它的样式为display: block和innerHTML: ...，然后将这个div添加到页面上。

如果你的数据集非常大，你可能需要使用更复杂的方法来遍历和渲染数据。例如，你可能需要使用JavaScript的Array.prototype.map方法来遍历数组，或者使用更复杂的函数来计算每个数据的显示内容。