从脚本编辑表的innerHTML

Edit innerHTML of a table from a script

本文关键字：innerHTML 编辑 脚本      更新时间：2023-09-26

我有这个表:

 <% for(int i = 0; i < result.length; i++)  { %>
<tr id='player-listing-<%=i %>'>
    <td style="vertical-align: top;"><button onclick="myFunction2(<%=i%>)"id="add<%= i %>">Add</button><br></td>
    <td style="vertical-align: top;"id="Position<%= i %>"><%= result[i][1] %><br></td>
    <td style="vertical-align: top;"id="Player<%= i %>"><%= result[i][3]+" "+result[i][4] %><br></td>
    <td style="vertical-align: top;"id="Team<%= i %>"><%= result[i][7] %><br></td>
    <td style="vertical-align: top;"id="Opponent<%= i %>"><%= result[i][8] %><br></td>
    <td style="vertical-align: top;"id="Projected<%= i %>"><input id="projPoints<%= i %>" name="numLineups" style="width: 35px" value="<%= result[i][5] %>"><br></td>
    <td style="vertical-align: top;"id="Salary<%= i %>"><%= result[i][2] %><br></td>
<tr>

表格的add按钮将该行复制到这个表格中:

<table id='selected-players' style="text-align: top; " border="0" cellpadding="5" cellspacing="2">
<tr>
    <td style="vertical-align: top;">0/55<br></td>
    <td style="vertical-align: top;">Pos<br></td>
    <td style="vertical-align: top;">Player<br></td>
    <td style="vertical-align: top;">Team<br></td>
    <td style="vertical-align: top;">Opponent<br></td>
    <td style="vertical-align: top;">Projected<br></td>
    <td style="vertical-align: top;">Salary<br></td>
</tr>
</table>

使用这个函数:

function myFunction2(i){
    var table = document.getElementById('selected-players');
    var copyRow = document.getElementById('player-listing-'+i).cloneNode(true);
    copyRow.setAttribute('id', 'selected-row-'+i);
    copyRow.cells[0].innerHTML = '<button onclick="removeRow(this, ' + i + ')">Remove</button>';
    copyRow.cells[5].innerHTML = document.getElementById("projPoints"+i).value;
    table.appendChild(copyRow);
    document.getElementById("add"+i).disabled = true;
}

我希望这个函数也更新"选定的球员"表的第一个单元格添加行数。例如，如果添加按钮被按下三行，结果将是"3/55"

你的问题格式不太好，所以你得到的答案格式很差。

在你的函数之外设置一个变量(例如numPlayersSelected)来跟踪你所添加的玩家数量。当你添加一个播放器时增加它，然后将0/55单元格的innerHTML设置为numPlayersSelected + "/" + 55(或numTotalPlayers)。

jsFiddle示例

相关文章：