Question

我的代码写入文本框并使用SetTimeout函数显示不同的文本行。但每次写入时，它都会用新文本替换原始文本。我真正想要的是继续在新的一行写作。我是javascript的新手，所以我需要一些帮助。到目前为止，这是我的代码：

putftp.onclick = function () {
    var Text = document.getElementById("TextBox");

    function firsttext() {
        Text.innerHTML = "This is the first test.";
        setTimeout(secondtest, 3000);
    }
    function secondtest() {
        Text.innerHTML = "This is the second test.";
        setTimeout(thirdtest, 5000);

我希望输出为

这是第一次测试。

这是第二次测试。

而不是

这是第二次测试。

非常感谢任何帮助!!

Answer 1

您需要将innerHTML的内容连接在一起。目前，您只需更改其值：

Text.innerHTML += "<br />This is the second test.";

Answer 2

您正在替换文本，而不是添加它的内容。如果要添加行，请将当前html与要添加的新HTML连接起来：

putftp.onclick = function () {
var Text = document.getElementById("TextBox");

function firsttext() {
    Text.innerHTML =Text.innerHTML+ "This is the first test.";
    setTimeout(secondtest, 3000);
}
function secondtest() {
    Text.innerHTML = Text.innerHTML+"This is the second test.";
    setTimeout(thirdtest, 5000);

如何在javascript文本框中写入下一行

2 个答案: