在对象数组中添加数据答案

【问题标题】：Add data in Object Array在对象数组中添加数据
【发布时间】：2019-03-16 08:09:16
【问题描述】：

所以，我有一个输入，我输入了过滤答案的单词。我的答案是我的面板。我创建了一个数组来注册我的答案。

var array = [];

但是当我完成循环时，我想对我的数组中的数据进行 innerHTML 处理。但是我有一个 [object HTMLDivElement] 因为我在数组中推送对象。好的，我的问题是 = 我如何创建一个数组对象并将我的面板推入

var obj = {}

我怎样才能显示它们如果单词存在，则此代码搜索答案

if (searchIndex > -1) {

如果答案存在，将面板推到我的数组中，并计算他找到了多少答案

    array.push(panel);
    countFound++;
}

循环结束后，利用这些数据并显示它们

array1.forEach(function(element) {
   // I dont know how is the method to exploit all data one by one
});

【问题讨论】：

【解决方案1】：

根据您的 HTML 外观，您应该使用 innerHTML 属性来获取元素的内容。

array.push(panel.innerHTML);

你会得到object HTMLDivElement，因为这就是panel。

如果您想遍历array 中的元素，您可以使用foor loop 来完成，也可以使用foreach loop，并在HTML 中再次显示它，您需要再次使用innerHTML属性。

text = "";
for (i=0; i < array.length; i++) {
    text += array[I];
}
document.getElementById("result").innerHTML = text;

并且你想重复你需要在之后清空array 变量的过程：

array = []; // Add this line after appending your data to the HTML.
            // Realistically after the for loop

【讨论】：

【解决方案2】：

更多详情请至adding-elements-to-object 以下是它的工作原理：

var element = {}, cart = [];
element.id = 1;
element.panel = document.getElementById("panel");

cart.push(element);

alert(cart[0].panel);

&lt;div id="panel"&gt;&lt;/div&gt;

【讨论】：