用原生JS指令碼如何為Table新增行？
之前介紹過用 Jquery為table新增行。如果你沒有使用Jquery外掛，或者對Jquery不熟悉，那麼能用原生的JS指令碼為Table新增行嗎?
可以的，下面我們一起來看下怎麼寫。
操作方法
（01）先看下初始的table，就是二行資料（二個tr),<table id="tbl" class="table table-bordered"> <tr> <td>1</td> <td>JS</td> <td>js</td> </tr> <tr> <td>2</td> <td>JS2</td> <td>JS2</td> </tr> </table>
（02）新增一個按鈕，用來點選新增新的table行，<input type="button" class="btn btn-primary" value="原生JS新增Table行" onclick="add_tr()" />
（03）要為table新增行tr， 我們可以用document物件的createElement方法，先生成tr物件，var tr = teElement("tr")；
（04）tr裡的元素是td，所以還要生成td物件，td裡的內容可以用 innerHTML來賦值，var td1 = teElement("td");rHTML = '3';一行tr有三個td，所以要生成三個td物件，每個物件的內容各自賦值
（05）把td單元格，放進tr物件，ndChild(td1);ndChild(td2);ndChild(td3);
（06）最後，把tr物件放進table,lementById('tbl')ndChild(tr);
（07）程式碼邏輯基本完成，看下介面。
（08）點選按鈕後，成功為table添加了一行。
（09）多次點選，可以為table新增多行，如圖。
