Javascript 从脚本编辑表的innerHTML

我有这张桌子：

 <% 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>

<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>

添加

和该表的“添加”按钮将该行复制到此表：

 <% 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>

<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>

0/55

Pos

播放器

团队

对手

预测的

工资

使用此功能：

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;
}

函数myFunction2（i）{
var table=document.getElementById（'selected-players'）；
var copyRow=document.getElementById（'player-listing-'+i）.cloneNode（true）；
setAttribute（'id'，'selected row-'+i）；
copyRow.cells[0].innerHTML='Remove'；
copyRow.cells[5].innerHTML=document.getElementById（“projPoints”+i）.value；
表.appendChild（copyRow）；
document.getElementById（“add”+i）.disabled=true；
}

---

我希望此函数还将“selected players”表的第一个单元格更新为添加的行数。例如，如果按“添加”按钮三行，结果将是“3/55”

您的问题的格式不太正确，因此您得到的答案格式不正确

在跟踪已添加玩家数量的函数之外设置一个变量（例如

numlayersselected

。在添加玩家时增加该变量，然后将

0/55

单元格的innerHTML设置为

numlayersselected+“/”+55

（或numTotalPlayers）

---

刚刚有机会看一下这个。谢谢。它实际上非常有用！