添加 li 的 JS 问题

JS problems with adding li

本文关键字：问题 JS li 添加      更新时间：2023-09-26

我在添加 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);
}

你按 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/

相关文章：