无法使用 javascript 重新调整表上单元格的特定值

Unable to retieve the particular value of cell on table using javascript

本文关键字：单元格 调整 javascript 新调整      更新时间：2023-09-26

我使用以下代码来检索表中特定单元格的值。

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 

var tds = rows[i].getElementsByTagName('td');
for(var x=0;x<tds.length;x++){
    console.log(tds[x].innerHTML);
 }

小提琴是——http://jsfiddle.net/09q6n3m2/16/

相关文章：