![](/img/trans.png)
[英]how to get a particular cell value from dynamic table using javascript
[英]Unable to retieve the particular value of cell on table using javascript
我正在使用以下代码来检索表中特定单元格的值:
function addCatAttr()
{
var tbl = document.getElementById("tblAttributes1");
if (tbl.rows.length > 1)
{
for ( var i = 1 ; i < tbl.rows.length ; i++ )
{
var r = tbl.rows[i];
var catname1 =r.cells[0].document.getElementsByTagName("input").item(1).value;
var lifecycycleattr1 = r.cells[0].document.getElementsByTagName("input").item(2).value;
var stateattr1 = r.cells[0].document.getElementsByTagName("input").item(3).value;
}
}
}
和我的HTML代码是:
<table id="tblAttributes1">
<tr>
<td>Category</td>
<td>Life Cycle Attribute</td>
<td>State Attribute</td>
</tr>
<tr>
<td>cat1</td>
<td>pf</td>
<td>state</td>
</tr>
</table>
I want to retrieve each value of a particular.
它只是一个例子。我有两个以上的行,我需要循环以获得每个单元格的值。
看看这是否指向正确的方向:
function addCatAttr() { var tbl = document.getElementById("tblAttributes1"); if (tbl.rows.length > 1) { for ( var i = 1 ; i < tbl.rows.length ; i++ ) { var r = tbl.rows[i]; var catname1 =r.cells[0].innerText; var lifecycycleattr1 = r.cells[1].innerText; var stateattr1 = r.cells[2].innerText; alert('catname1: ' + catname1 + '\\r\\n' + 'lifecycycleattr1: ' + lifecycycleattr1 + '\\r\\n' + 'stateattr1: ' + stateattr1 + '\\r\\n'); } } }
<table id="tblAttributes1"> <tr> <td>Category</td> <td>Life Cycle Attribute</td> <td>State Attribute</td> </tr> <tr> <td>cat1</td> <td>pf</td> <td>state</td> </tr> </table> <input type="button" onclick="addCatAttr()" value="Click me" />
这样可以更好地帮助...
function addCatAttr()
{
var tbl = document.getElementById("tblAttributes1");
if (tbl.rows.length > 1)
{
for ( var i = 1 ; i < tbl.rows.length ; i++ )
{
var r = tbl.rows[i];
var catname1 =r.cells[0].innerHTML;
var lifecycycleattr1 = r.cells[1].innerHTML;
var stateattr1 = r.cells[2].innerHTML;
alert('catname1: ' + catname1 + '\r\n' +
'lifecycycleattr1: ' + lifecycycleattr1 + '\r\n' +
'stateattr1: ' + stateattr1 + '\r\n');
}
}
}
<table id="tblAttributes1">
<tr>
<td>Category</td>
<td>Life Cycle Attribute</td>
<td>State Attribute</td>
</tr>
<tr>
<td>cat1</td>
<td>pf</td>
<td>state</td>
</tr>
</table>
<input type="button" onclick="addCatAttr()" value="Click me" />
您需要应用两个for循环,一个用于表长度,另一个用于tr中的每个td。 这是代码。
var table = document.getElementById('tblAttributes1'),rows = table.getElementsByTagName('tr');
for(var i = 0; i <rows.length; i ++){
var tds = rows[i].getElementsByTagName('td');
for(var x=0;x<tds.length;x++){
console.log(tds[x].innerHTML);
}
小提琴是-http: //jsfiddle.net/09q6n3m2/16/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.