如何访问for循环的索引

AlQusi 发表于 Dev

阿尔曲斯

const table = document.createElement("table");
table.className = "table";
let indexArray = [1, 2, 3, 4, 5];
    for (let i = 0; i <= indexArray.length; i++) {
      if (indexArray.length === i[1]) {
        const th = document.createElement("th");
        th.innerText = "Global";
        th.style.padding = "20px";
        table.appendChild(th);
      }
}

嘿，我正在尝试访问 for 循环的索引，以便为第一个索引提供全局文本名称，但我在这里得到了 5 次全局文本而不是一次。任何建议

普隆詹

几件事

无效的 HTML 之一

也许你是这个意思？我猜是因为你没有发布预期的输出

const table = document.createElement("table");
table.className = "table";
let indexArray = [1, 2, 3, 4, 5];
for (let i = 0; i < indexArray.length; i++) {
  if (i === 0) {
    var tr = document.createElement("tr");
  }
  var th = document.createElement("th");
  th.innerText = "Global "+i;
  th.style.padding = "20px";
  tr.appendChild(th);

}
table.appendChild(tr)
document.body.appendChild(table)

或这个

const table = document.createElement("table");
table.className = "table";
let indexArray = [1, 2, 3, 4, 5];
for (let i = 0; i < indexArray.length; i++) {
  var tr = document.createElement("tr");
  if (i === 0) {
    var th = document.createElement("th");
    th.innerText = "Global";
    th.style.padding = "20px";
    tr.appendChild(th);

  } else {
    var td = document.createElement("td")
    td.textContent = indexArray[i]
    tr.appendChild(td)
  }
  table.appendChild(tr)
}

document.body.appendChild(table)

或这个

const table = document.createElement("table");
table.className = "table";
let indexArray = [1, 2, 3, 4, 5];
const text = ["Global", "Local", "Special", "General", "Something else"]
var tr = document.createElement("tr");

for (let i = 0; i < indexArray.length; i++) {
  const th = document.createElement("th");
  th.innerText = text[i];
  th.style.padding = "20px";
  tr.appendChild(th);
}
table.appendChild(tr)

document.body.appendChild(table)

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。