[JS] 取得table中的td值

網頁設計常常會使用到table表格，如果是動態產生的表格內容要如何取得td值呢？

本文將介紹如何取得table中td的值。

網頁設計中，要取得元素的值不外乎是對他的id取值，
但是如果是動態產生的元素，且並未給定id，
那麼要如何取得該值呢？

以下使用table中的td為例子。

首先取得table之id。

var table=document.getElementById('tabel名稱');

td中值的取得方法為：
table.rows[索引].cells[第幾個欄位].innerHTML

索引從0開始，會先找到標頭，
所以通常要取得的內容需要+1。

如果該格中還有其他元素則可以使用children[index]來抓取。

以格子中有input為例：

table.rows[索引].cells[第幾個欄位].children[0].value

上方就是抓取格子中第一個控制項的值。

以此類推，底下的底下 還可以再用 .children[0].children[0].value 就還可以取到在往下一層的值