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

Question

我使用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;

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

Answer 1

不依赖 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;