Question

我看了一下，如果它的数量超过50，我似乎无法找到如何删除DOM元素。基本上它类似于聊天。

JS

function append(aVal) {
    document.getElementById('elem').innerHTML += "<br/>" + aVal;
}

用法

appendvalues("<span>Your message " + message + ".</span>");

HTML

<div id="elem" class="container"></div>

我正在尝试删除br＆amp;跨度标签。我觉得为span标记创建一个类会更好，因为我在页面上有其他span标记。

Answer 1

这样做你想要的吗？

$("#elem > span:gt(50)").remove();

Answer 2

我假设你想做FIFO ...

function append(aVal) {
    var el = document.getElementById('elem');
    el.insertAdjacentHTML("beforeend", "<br/>" + aVal);

    var spans = el.getElementsByTagName("span");
    if (spans.length > 50) {
        el.removeChild(spans[0].nextSibling);
        el.removeChild(spans[0]);
    }
}

请注意，我使用的是.insertAdjacentHTML而不是.innerHTML +=...。这是一种从HTML中添加内容的破坏性方法。

如果计数大于x金额，则删除任何元素

2 个答案: