使用JavaScript获得tr有多少个（html中指定元素的个数）

今天做了一个动态生成表单功能，要求生成的表单元素要区分id和name
刚刚看到的时候第一个想到的是节点复制（clone），但是后来发现比较麻烦，繁琐
于是就仔细分析了一下题目要求，现在做出来的效果图如下：

点击添加一条，就会增加一行

解题思路：
先创建一个节点元素
然后动态拼接HTML，然后插入节点
疑难点：怎样动态区分id和name，后来想到通过行数来改变id和name
实现代码：

 <script type="text/javascript" src="../../js/jquery-1.8.3.min.js"></script> <script type="text/javascript">$(function(){    $("#add").click(function(){<!--通过标签集合来确定index-->        var index=document.getElementsByTagName("tr").length;<!--调试index是否发生了变化-->        alert(index);<!--创建节点tr,并动态改变id和name-->var $tr=$("<tr>"+"<td><input id='schoo_'+index name='school_'+index type='text'></td>"+"<td><input id='start_date'+index name='start_date'+index type='text'></td>"+"<td><input id='end_date'+index name='end_date'+index type='text'></td>"+"</tr>");<!--插入节点-->$("tr:last").after($tr);    })  })

拓展：如果想要知道单元格的个数：
var index=document.getElementsByTagName("td").length;