javascript - 如果它的计数大于 x 数量，则删除任何元素

Question

我环顾四周，如果 DOM 元素的数量超过 50，我似乎无法找到如何删除它。基本上它类似于聊天。

JS

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

用法

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

HTML

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

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

Answer 1

这是做你想做的吗？

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

Answer 2

我假设你想做到先进先出......

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 添加内容的破坏性较小的方法。