计数器循环并增加每个元素的数量

问题描述

我无法通过这几行代码弄清楚。 我的目标是让书页编号：第 01 页、第 02 页、第 03 页等......我只得到“0”或“1”或总页数。

    let pages = document.querySelectorAll(".page");
Array.from(pages).forEach(page => {
  const Number = document.createElement("span");
  page.appendChild(Number);
  var n = page.length;
  var sum = 0;
  for (var i = 0; i < n; i++) {
    sum += i;
  }
  Number.textContent = sum;
  console.log(sum);
});

周日快乐

解决方法

不确定您的 html 是什么样子，但数组索引不是您的页码吗？

const pages = document.querySelectorAll(".page");

Array.from(pages).forEach((page,index) => {
  const numberNode = document.createElement("span");
  numberNode.textContent = index + 1;
  page.appendChild(numberNode);
});