请用JavaScript通过div对li进行循环赋值

好的，请看下面的代码实现：

HTML 代码：

<div id="list">
  <ul>
    <li></li>
    <li></li>
    <li></li>
  </ul>
</div>

JavaScript 代码：

const list = document.getElementById('list');
const ul = list.querySelector('ul');
const liArr = ul.querySelectorAll('li');

const data = ['苹果', '香蕉', '橘子'];

liArr.forEach((li, index) => {
  li.innerHTML = data[index];
});

以上代码中，首先通过 `document.getElementById` 方法获取到 id 为 `list` 的 div 元素，然后通过 `querySelector` 方法获取到 div 下面的 ul 元素和其中的 li 元素。接着定义一个数组 `data` 存储需要循环赋值的值。最后使用 `forEach` 方法遍历 li 元素，将 `data` 数组中对应下标的值赋值给 li 元素的 innerHTML 属性。