ограничение добавления строки в функции не работает, пожалуйста, помогите

Question

Это простая строка добавления JavaScript с функциями, тогда я не знаю, как ограничить дополнительную строку, например. для макс. 5 строк, любая идея и указатель или пример (ы), я был бы признателен

<script type="text/javascript">
function addRow() {
var newRow = document.all("tblGrid").insertRow();
oCell = newRow.insertCell();
oCell.innerHTML = "<input type='text' name='t1'><input type='button' value='Delete' onclick='removeRow(this);'/>"; 
//if(oCell>=5)return; 
}
</script>

Заранее спасибо

Answer 1

Подсчет строк перед добавлением. Строки - это просто массив внутри элемента таблицы - вы можете получить его длину через length

<script type="text/javascript">
function addRow() {
    if (document.all("tblGrid").rows.length == 5) {
        return; // already max 5 rows
    }
    var newRow = document.all("tblGrid").insertRow();
    oCell = newRow.insertCell();
    oCell.innerHTML = "<input type='text' name='t1'><input type='button' value='Delete' onclick='removeRow(this);'/>"; 
}
</script>

Answer 2

var counter =1;
var limit = 5;
function addInput(yourDivName){
if (counter==5) {
     *the code you want to execute if the limit is reached* }
else {
     var newdiv = document.createElement('div');
     newdiv.innerHTML = "<span id=''>Serial Number " + (counter + 1) + " : <input type='text' name='myInputs[]'/></span>";
     document.getElementById(divName).appendChild(newdiv);
     counter++;
     }
}