ga('set', 'anonymizeIp', 1);
Categories: CodingJavascript

[JS] 取得table中的td值

Share

網頁設計常常會使用到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 就還可以取到在往下一層的值

Jys

Published by
Jys

Recent Posts

[python] Flask Create RESTful API

This article gi... Read More

3 年 前發表

[Javascript] 新增/刪除JSON中key值

在web訊息交換常會需要對JS... Read More

3 年 前發表

[JAVA] SQL Server Connection

本文介紹JAVA連線SQL s... Read More

3 年 前發表