限制留言条条数

<input type="text" /><button>留言</button> <ul> <!--<li>11</li>--> </ul> <script type="text/javascript"> // 找到元素 var input = document.querySelector("input"); var but = document.querySelector("button"); var ul = document.querySelector("ul"); // 点击but but.onclick = function(){ // 获取input内容 var iVal = input.value; // 创建li节点 var li = document.createElement("li"); // 把内容赋值给li li.innerText = iVal; // 把li添加到ul的子节点的前面 ul.insertBefore(li,ul.firstChild); // 判断ul的子节点是否超过了五个, if(ul.children.length > 5){ // 如果超过删除最后一个 ul.removeChild(ul.lastElementChild); } } </script>