在对象数组中添加数据

Question

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

var array = [];

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

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
});

Answer 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

Answer 2

有关更多详细信息，请访问adding-elements-to-object 运作方式如下：

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

cart.push(element);

alert(cart[0].panel);

<div id="panel"></div>