Question

我在数组中有2个项目。我想将它们显示在div元素中。

但是div元素仅显示数组的第二项[5,6,0,8]。

let myArr = [
  [1, 2, 3, 4],
  [5, 6, 0, 8],
];

for (let i = 0; i < myArr.length; i++) {
  document.getElementById("show").innerHTML = myArr[i];
}

我尝试了每个，但没有运气。但是，这两个项目都显示在控制台日志中。

请告知。

Answer 1

let myArr =[[1,2,3,4], [5,6,0,8]];
for(let i = 0; i < myArr.length; i++){
    for(let j=0;j < 4;j++){
   var node = document.createElement("p"); 
    node.innerHTML = `<p> ${myArr[i][j]}</p>`
   document.getElementById('show').appendChild(node);
      console.log(i,j);
    }
}

首先需要创建一个元素，然后将该元素的HTML设置为值，然后通过调用appendChild将其推入所需的元素块中。

注意：AppendChild仅接受元素obj而不是字符串

❌document.getElementById（'show'）。appendChild（<p> ${myArr[i][j]}</p>）;

??快乐编码

嵌套数组仅显示循环后的最后一项

1 个答案: