javascript - 在 Javascript 中的兄弟元素之后插入一个元素

Question

我正在制作一个发布系统，当用户输入消息时，它会创建一些元素并将其放在“机器人”聊天消息下方。如果用户输入了两条不同的消息，则最新输入的消息在另一条用户消息之上。我希望他们按时间顺序从上到下。

这似乎不起作用：（if/else 部分）

function submitUserMessage(){

    var message = document.getElementById("user-input");

    if(message.value){

        // YOU
        var you = document.createElement("h4");
        var youText = document.createTextNode("You");
        you.appendChild(youText);
        you.className = "ytitle";
        document.body.appendChild(you);
        insertAfter(robotSays, you);

        // User's message
        var userMessage = document.createElement("span");
        var userMessageText = document.createTextNode(message.value);
        userMessage.appendChild(userMessageText);
        userMessage.className = "umsg";
        document.body.appendChild(userMessage);
        insertAfter(you, userMessage);
    } else if(userMessage){
        userMessage.nextSibling.insertAfter(this);
    }
}  

这是我的帖子系统的小提琴 :: http://jsfiddle.net/MatthewKosloski/YWWMW/

（使用回车键提交）

Answer 1

var userMessage = robotSays;

function submitUserMessage(){

    var message = document.getElementById("user-input");

    if(message.value){

        // YOU
        var you = document.createElement("h4");
        var youText = document.createTextNode("You");
        you.appendChild(youText);
        you.className = "ytitle";
        document.body.appendChild(you);
        insertAfter(userMessage, you);

        // User's message
        userMessage = document.createElement("span");
        var userMessageText = document.createTextNode(message.value);
        userMessage.appendChild(userMessageText);
        userMessage.className = "umsg";
        document.body.appendChild(userMessage);
        insertAfter(you, userMessage);
    }
}