在Div中显示JavaScript数组元素

网页中有一个文本区，用户可以添加地址。用户可以通过单击“添加地址”按钮输入“n”个地址。当用户单击显示地址按钮时，所有输入的地址应按照以下格式显示在结果div标签内： 地址1

用户输入的地址

地址2

用户输入的地址

下面是HTML代码

<div id="body" align="left">
    <h2>Address Details</h2>
    Enter the Address : <textarea id="address"></textarea><br>
    <button id="add" onclick="addAddress();">Add Address</button>
    <button id="display" onclick="displayAddress();">Display Address</button>
</div>
<div id="result" align="right"></div>

这是一个函数，它以指定的格式显示result div中不起作用的地址

function displayAddress(){
    var display = [];
    var addrno = [];
    var result = document.getElementById("result");
    for(var i=0; i<address.length; i++){
        display[i] = address[i];
        addrno[i] = "Address "+(i+1);
    }
    result.innerHTML = addrno[i]+"<br>"+display[i]+"<br>";
}

---

非常感谢您的帮助。

嗯，如果我正确理解您的问题，您可以尝试这样做：

function displayAddress(){
    var display = [];
    var addrno = [];
    var result = document.getElementById("result");
    for(var i=0; i<address.length; i++){
        display[i] = address[i];
        addrno[i] = "Address "+(i+1);
        result.innerHTML += addrno[i]+"<br>"+display[i]+"<br>";
    }
}

---

我所做的更改是move result.innerHTML+=addrno[I]++display[I]+；在for循环中，它可以访问每次提交时添加的变量i，并对其进行更改，以便添加字符串addrno[i]++display[i]+；通过在result.innerHTML上使用+=而不是=来添加到DOM中，因此它不会覆盖它，而是附加到它上

，这很有帮助。谢谢：@George很高兴我能帮上忙：

function displayAddress(){
    var display = [];
    var addrno = [];
    var result = document.getElementById("result");
    for(var i=0; i<address.length; i++){
        display[i] = address[i];
        addrno[i] = "Address "+(i+1);
        result.innerHTML += addrno[i]+"<br>"+display[i]+"<br>";
    }
}