通过使用以下代码,我必须手动创建空间以显示网页上的状态,但是当我点击更新按钮时我想要它自动地在后端通过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 = "";
}
我必须每次都手动创建,每当我更新它时它都会覆盖我每次要更新时都想要单独的box1。
<div id="box1"></div>
答案 0 :(得分:0)
您每次都会替换box1 div
的全部内容,因为您使用的是=
运算符。每当您点击按钮运行update()
时,系统会再次使用最新状态创建整个div文本,并且您只会获得其中的文字div(连同一个换行符)。
将您的运营商更改为+=
,您将获得以前的状态文本+最后一个状态文本+下一个的单个换行符。
document.getElementById("box1").innerHTML += "New Text"+ "<br>";