javascript - 将文本输出到顶部而不是底部

Question

我编写了一个将文本提交到容器中的函数。文本被添加到每个文本 block 的底部；我希望它被添加到前一个文本 block 的顶部而不是底部。

这是我的代码:

function submit() {


var x = document.getElementById("text").value;
var y = document.getElementById("input").value;
var z = document.getDate;
if(x.length == 0 || y.length == 0 ){

    alert('please enter valid information');
    return false;
}


document.getElementById("output").innerHTML += Date() + "</br>" + "   </br>";
document.getElementById("output").innerHTML += y + "</br>" + "</br>";
document.getElementById("output").innerHTML += x + "</br>" + "</br>"; 
document.getElementById("text").value = "";
document.getElementById("input").value = "";

 return true;                     
}

Answer 1

只需在添加内容后重新分配 innerhtml，如下所示:

function submit() {


var x = document.getElementById("text").value;
var y = document.getElementById("input").value;
var z = document.getDate;

if(x.length == 0 || y.length == 0 ){

    alert('please enter valid information');
    return false;
}


document.getElementById("output").innerHTML = Date() + "</br></br>" + y +       
    "</br></br>"+ x +"</br></br>" +document.getElementById("output").innerHTML;

document.getElementById("text").value = "";
document.getElementById("input").value = "";



return true;                     
}

假设您没有使用 Jquery，否则只需使用 .prepend()