Javascript 添加<；李>；至<；ul>；带限制（纯JS）

因此，我想通过在一个带有一个返回值的旁边键入项来将项添加到列表中，并将值添加到列表中。我已经做到了。。。但我想限制在列表中添加项目的次数。说我只想限制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>

var input=document.getElementById（'username'）；
函数checkLength（）{
var节点=document.createElement（'li'）；
var nodeText=document.createTextNode（input.value）；
var ul=document.getElementsByTagName（'ul'）[0]；
appendChild（nodeText）；
追加子节点（node）；
input.value=“”；
setAttribute（'style'，'color:green；文本转换：大写；'）；
}
}

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

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

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

var ul=document.getElementsByTagName（'ul'）[0]；
如果（ul.childNodes.length<5）{
追加子节点（node）；
}

---

请注意，这将计算所有子节点，而不仅仅是

li

元素，因此如果您在其中有文本节点，我认为您不会将它们包括在该计数中。

我认为您需要添加更多信息，例如连接函数的html代码。我看到在结束脚本标记之前也有一个无关的

}

。天才！谢谢：）