javascript - 对于每个元素，onclick更改值

我已经使用nodejs手柄栏为每个表创建一个：

<tbody>
    {{#each result}}
        <tr>
            <td id="engagementTotal">{{data.engagementTotal}}</td>
        </tr>
    {{/each}}
</tbody>

但是我需要通过onclick函数更改每个值的值，我尝试使用

for (var i=0; i < positiveTotal.length; i++){
    sEngagementTotal.push(positiveTotal[i].data.engagementTotal);
}

document.getElementById("engagementTotal").innerHTML = sEngagementTotal;

但是上面只改变了第一个表的值

最佳答案

而不是取决于id取决于类

<tbody>
    {{#each result}}
        <tr>
            <td id="engagementTotal" class="demo">{{data.engagementTotal}}</td>
        </tr>
    {{/each}}
</tbody>

for (var i=0; i < positiveTotal.length; i++){
    sEngagementTotal.push(positiveTotal[i].data.engagementTotal);
}

document.getElementByClass("demo").innerHTML = sEngagementTotal;