添加li

Question

添加li时遇到问题。当我添加新的li文本在第一个li并且应该在下一个。 https://jsfiddle.net/zaxmy1nw/1/ 可能存在问题。

function NewLI(){
    AddLi;
    userp.appendChild(userName);
    LiP.appendChild(LiText);

    var UladdLi = document.getElementById("chat").appendChild(AddLi);
    var AddP = document.getElementById("lispan").appendChild(LiP);
    var UseraddLi = document.getElementById("lispan").appendChild(userp);
}

Answer 1

您可以按身份选择，但所有li元素都具有相同的ID（lispan），因此按ID选择将始终返回第一个。

你能做的是：

function NewLI(){
    AddLi;
    userp.appendChild(userName);
    LiP.appendChild(LiText);
    AddLi.appendChild(LiP)
    AddLi.appendChild(userp)
    var UladdLi = document.getElementById("chat").appendChild(AddLi);

}

请参阅：https://jsfiddle.net/zaxmy1nw/2/