我如何将数组的所有元素附加到 div

Question

下面显示了我当前的源是什么，但这似乎只是将数组中的最后一个对象添加到我的 div，我如何才能将所有对象添加到我的 div。

    ajaxHelper.processRequest((response: Array<Vehicle.Vehicle>) => {
        console.log(response);
        var divVehicles = <HTMLDivElement>document.getElementById("divVehicleResults");
        var label = <HTMLLabelElement>document.createElement("label");
        for (let vehicle of response) {
            label.innerHTML = vehicle.id;
            divVehicles.appendChild(label);
        }
    });

Answer 1

正如 approxiblue 所说，现在您正在重复使用相同的标签对象。您应该将 var label = ... 放入循环中以每次创建一个新标签（从而根据您的要求附加新标签）。

更正代码：

ajaxHelper.processRequest((response: Array<Vehicle.Vehicle>) => {
    console.log(response);
    var divVehicles = <HTMLDivElement>document.getElementById("divVehicleResults");

    for (let vehicle of response) {
        var label = <HTMLLabelElement>document.createElement("label");
        label.innerHTML = vehicle.id;
        divVehicles.appendChild(label);
    }
});

我如何将数组的所有元素附加到 div

How can i append all the elements of an array to a div

html

javascript

arrays

appendchild

typescript