javascript - 如何用对象显示.text内容

Question

如何使用 display.textContent 迭代将在网页上显示的对象。

鉴于

var list = {x:1, y:2, z:3};
for (var property in list){
   div.textContent = (list[property])
} 
//Displays 3.  
//Div is referring to my HTML page.

我希望能够显示 1，但是单击按钮后，它会显示 2、3 等。我该怎么做？

Answer 1

您不存储 div.textContent 的先前值，因此您只能看到最后一次迭代结果。试试这个

   var list = {x:1, y:2, z:3};
   div.textContent = "";
   for (var property in list){
       div.textContent = div.textContent + " " + (list[property]);
   }