<分区>
<分区>
所以我正在做一个个人元素,它只是一个简单的状态更新。我不断地向它添加更多的功能,但我已经被困了很长一段时间了。问题是,每当有人发布新状态时,我希望它出现在顶部,但是顶部的是第一个创建的帖子,这是一个问题。这意味着您必须向下滚动到底部才能看到最新的帖子。
截图:
Problem occurs, new element goes underneath old
这是javascript:
function statusPost() {
status = document.getElementById("Status").value;
if (status == "") {
alert("Please write a status")
}
else {
document.getElementById("Status").value = "";
div = document.createElement("div");
document.getElementById("container").appendChild(div);
div.className = "update";
div.innerHTML = status;
}
}
最佳答案
不是在 container
的末尾附加 div
,您应该使用 insertBefore
prepend
它
这是您修改后的代码(我保存了一些对元素的引用以保持可读性)
var status = document.getElementById("Status");
var container = document.getElementById("container");
function statusPost() {
if (status.value == "") {
alert("Please write a status")
} else {
status.value = "";
div = document.createElement("div");
div.className = "update";
div.innerHTML = status;
container.insertBefore(div, container.firstChild);
}
}
关于javascript - 如何让新创建的元素置顶,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39348411/