javascript - JS添加li的问题

Question

我在添加 li 时遇到问题。当我添加新的 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

您按 Id 选择，但所有 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/