Question

所以我想通过在旁边输入项目来返回值来将项目添加到列表中，将值添加到列表中。我已经做了...但我想限制我在列表中添加项目的次数。假设我想将其限制为5次。所以我基本上可以在列表中添加5个项目......而这就是全部......现在......我该怎么做？

响应的答案。

<script type="text/javascript">         
    var input = document.getElementById('username');

    function checkLength() {
        var node = document.createElement('li');
        var nodeText = document.createTextNode(input.value);
        var ul = document.getElementsByTagName('ul')[0];

        node.appendChild(nodeText);
        ul.appendChild(node);
        input.value = "";
        node.setAttribute('style', "color:green; text-transform:uppercase;");
    }
}
</script>

Answer 1

您可以获得节点的子节点数：

var ul = document.getElementsByTagName('ul')[0];

if (ul.childNodes.length < 5) {
  ul.appendChild(node);
}

请注意，这会计算所有子节点，而不仅仅是li个元素，因此，如果您有文本节点，我认为您不会将它们包含在此计数中。

使用limit（纯JS）将<li>添加到<ul>

1 个答案: