Javascript在html页面中添加表

我有一个html页面，其中包括一个表。下面的Javascript代码将在我每次按下add new按钮时已经存在的表格下的html页面中添加一个新表格。如何修改此代码，以便用户只能添加10个表

  <SCRIPT language="javascript">
    function addRow(tableID) {

        var table = document.getElementById(tableID);

        var rowCount = table.rows.length;
        var row = table.insertRow(rowCount);

        var colCount = table.rows[0].cells.length;


        for(var i=0; i<colCount; i++) {

            var newcell = row.insertCell(i);

            newcell.innerHTML = table.rows[0].cells[i].innerHTML;
            //alert(newcell.childNodes);
            switch(newcell.childNodes[0].type) {
                case "text":
                        newcell.childNodes[0].value = "";
                        break;
                case "select-one":
                        newcell.childNodes[0].selectedIndex = 0;
                        break;
            }
        }

    }

</SCRIPT>

函数addRow（tableID）{
var table=document.getElementById（tableID）；
var rowCount=table.rows.length；
var row=table.insertRow（rowCount）；
var colCount=table.rows[0].cells.length；
对于（var i=0；i）在其周围添加递增计数器，就像您对表格单元格所做的一样，或者在函数之前/之后检查表格计数。您可以在jsfield上显示更多代码或创建任何演示吗