Javascript 当我点击更新按钮时，我想自动获得状态空间

通过使用下面的代码，我必须手动创建空间以在网页上显示状态，但我希望在单击“更新”按钮时自动创建空间，它应该通过javascript在后端创建空间，并且它应该直接在网页上一个接一个地显示状态，那么我应该如何获得它呢？ 如何给出div元素内容的循环，以及如何在javascript中显示一个状态数低于另一个状态数

对于按钮：-

<button id='statbtn' type="submit" onclick="update()">Update</button>

更新

我正在使用此代码显示

function update() {
        var x,y;
        x=document.getElementById("stat");
        y=x.elements["status"].value;
        document.getElementById("box1").innerHTML=y+ "<br>";
        document.getElementById("status").value = "";
    }

函数更新（）{
变量x，y；
x=document.getElementById（“stat”）；
y=x.元素[“状态”]值；
document.getElementById（“box1”）.innerHTML=y+“
”；
document.getElementById（“状态”）.value=“”；
}

我每次都必须手动创建，每次更新时它都会覆盖，每次更新时我都希望单独的框1

<div id="box1"></div>

---

您每次都在替换

框1 div的全部内容，因为您使用的是
=
运算符。每次单击按钮运行
update（）
，整个div的文本都将以最新状态再次创建，并且在div中只会得到它的文本（以及一个换行符）

将运算符更改为
+=
，您将获得上一个状态文本+上一个状态文本+下一个状态文本的单行换行符

document.getElementById("box1").innerHTML += "New Text"+ "<br>";

document.getElementById（“box1”）.innerHTML++=“新文本”+”
”；

您每次都在替换
框1 div的全部内容，因为您使用的是
=
运算符。每次单击按钮运行
update（）
，整个div的文本都将以最新状态再次创建，并且在div中只会得到它的文本（以及一个换行符）

将运算符更改为
+=
，您将获得上一个状态文本+上一个状态文本+下一个状态文本的单行换行符

document.getElementById("box1").innerHTML += "New Text"+ "<br>";

document.getElementById（“box1”）.innerHTML++=“新文本”+”
”；

我的问题的答案如下：，
在上面的代码中，“box1”已经在css中设置了样式（上面的代码中没有提供，很抱歉），因此如果我们不打算更新任何文本/状态，它也会显示出来，因此我们必须在js函数中调用样式化的div元素，并在html中进行如下更改

我为“box1”提供了样式，如下所示

所以如果我们不更新任何文本，它也会显示在页面上

在html中添加以下代码

<div id="bigbox">
   </div>



现在对上面的update（）函数进行如下更改

document.getElementById("bigbox").innerHTML += "<div id='box1'>"+ y + "</div>";

document.getElementById（“bigbox”）.innerHTML+=“”+y+“”；

现在它可以正常工作了，
谢谢。
我的问题的答案如下：，
在上面的代码中，“box1”已经在css中设置了样式（上面的代码中没有提供，很抱歉），因此如果我们不打算更新任何文本/状态，它也会显示出来，因此我们必须在js函数中调用样式化的div元素，并在html中进行如下更改

我为“box1”提供了样式，如下所示

所以如果我们不更新任何文本，它也会显示在页面上

在html中添加以下代码

<div id="bigbox">
   </div>



现在对上面的update（）函数进行如下更改

document.getElementById("bigbox").innerHTML += "<div id='box1'>"+ y + "</div>";

document.getElementById（“bigbox”）.innerHTML+=“”+y+“”；

现在它可以正常工作了，
谢谢。
哇，太好了。。！非常感谢您的帮助，现在它可以工作了，但我还需要每次新的更新状态都显示在新的框1上。我如何解决这个问题？@mayurespatil，而不是我硬编码用作示例的
“new Text”
，只需使用创建状态文本的位置即可。请参见我答案中的示例，我已将其更新为包含在状态更新之前创建的随机字符串。不要随意创建它，而是从你的来源获取它（它已经是另一个主题了）。另外，如果我的答案帮助了你，请考虑通过按下“答案”和“+”1个小的“V”符号来接受它，通过按下向上箭头，回答我的问题和将来的答案，谢谢。是的，先生，我理解它，但是我需要新的状态应该打印在新的“Box 1”上，这个代码打印在同一个“Box 1”中，我不知道如何在新的“box1”上打印新的文本/状态哇，太棒了。。！非常感谢您的帮助，现在它可以工作了，但我还需要每次新的更新状态都显示在新的框1上。我如何解决这个问题？@mayurespatil，而不是我硬编码用作示例的
“new Text”
，只需使用创建状态文本的位置即可。请参见我答案中的示例，我已将其更新为包含在状态更新之前创建的随机字符串。不要随意创建它，而是从你的来源获取它（它已经是另一个主题了）。另外，如果我的答案帮助了你，请考虑通过按下“答案”和“+”1个小的“V”符号来接受它，通过按下向上箭头，回答我的问题和将来的答案，谢谢。是的，先生，我理解它，但是我需要新的状态应该打印在新的“Box 1”上，这个代码打印在同一个“Box 1”中，我不知道如何在新“框1”上打印新文本/状态