时间戳

首页 > 解决方案 > 为在 JS 中创建的列表创建 for 循环时遇到问题

javascript - 为在 JS 中创建的列表创建 for 循环时遇到问题

问题描述

我正在尝试通过列表循环 H1 对象 10 次。我不确定我哪里出错了，任何帮助将不胜感激。

var headOne = document.createElement("H1");
headOne.textContent = "Hello World";
document.body.appendChild(headOne);

var newOrderedList = document.createElement('OL');
newOrderedList.setAttribute("id", "OLJS");
document.body.appendChild(newOrderedList);

var helloWorld = document.getElementById("OLJS");

for (var i = 0; headOne < 10; i++){
  var listItems = document.createElement("li");
  listItems.innerHTML = headOne[i];
  helloWorld.append(listItems);
}

标签： javascripthtmlfor-loop

解决方案

如果要循环 10 次，请执行以下操作：

for (let i = 0; i < 10; i++) {
  // Do something
}

在您的情况下，如果您尝试访问headOne元素的每个字母并将其附加到helloWorld列表中，那么您可以执行以下操作：

for (let i = 0; i < headOne.textContent.length; i++) {
  let listItems = document.createElement('li')
  listItems.textContent = headOne.textContent[i]
  helloWorld.append(listItems)
}

您可能还想阅读有关循环和迭代的更多信息

推荐阅读