Javascript 如何为DOM中的每个元素添加不同的文本

有人能告诉我这个代码有什么问题吗。我想添加一个从0到4的数字，但它只添加了循环中的最后一个数字。 事先非常感谢

<script>
    for (i = 0; i < 5; i++) {
      var createEl = i;
      var createEl = document.createElement("li");
      for (j = 0; j < 5; j++) {
        createEl.innerHTML = [j];
        }
      console.log(createEl); 
      //<li>4</li>
      //<li>4</li>
      //<li>4</li>
      //<li>4</li>
      //<li>4</li>
    }

对于（i=0；i<5；i++）{
var createl=i；
var createEl=document.createElement（“li”）；
对于（j=0；j<5；j++）{
createEl.innerHTML=[j]；
}
console.log（createEl）；
//
4
//
4
//
4
//
4
//
4
}

您不需要嵌套for循环，只需使用第一个循环中的i值即可

for (i = 0; i < 5; i++) {
   var createEl = document.createElement("li");
   createEl.innerHTML = i;
   console.log(createEl); 
}

（i=0；i<5；i++）的

{
var createEl=document.createElement（“li”）；
createEl.innerHTML=i；
console.log（createEl）；
}

这将仅将标签打印到控制台。如果您想将它们放在另一个标签中，请按如下方式使用：

var node = document.createElement("div");
for (i = 0; i < 5; i++) {
   var createEl = document.createElement("li");
   createEl.innerHTML = i;
   node.appendChild(createEl);
}

var节点=document.createElement（“div”）；
对于（i=0；i<5；i++）{
var createEl=document.createElement（“li”）；
createEl.innerHTML=i；
appendChild（createEl）；
}

这不需要两个循环

var ulContainer = document.createElement("ul"); 

for (i=0; i < 5; i++) {
var createEl = document.createElement("li");
  createEl.innerHTML = i;
  ulContainer.appendChild(createEl); 
}

var-ulContainer=document.createElement（“ul”）；
对于（i=0；i<5；i++）{
var createEl=document.createElement（“li”）；
createEl.innerHTML=i；
ulContainer.appendChild（createEl）；
}