在javascript中隐藏列

我想隐藏表中列的值，表的数据是从数据库绑定的

这是我的html代码

<table id="datatable-responsive" class="table table-striped table-bordered dt-responsive nowrap" cellspacing="0" width="100%">                                                                          
<thead>
   <tr>
      <th id="th_id_event">Id Event Category</th>
      <th>Event Category</th>
      <th>Description</th>
   </tr>
</thead>
<tbody>
  <% objLOV.forEach(function (lov) { %>
  <tr onclick="callme(this)">
    <td id="td_id_event">
       <%= lov.id %>
    </td>
    <td>
       <%= lov.event_category %>
    </td>
    <td>
       <%= lov.description %>
    </td>
 </tr>
<% }) %>
</tbody>
</table>

---

有人能帮我吗？谢谢。

您只能有效地拥有一个具有给定id的元素，因此尝试引用具有相同id的多个元素不太可能起作用。您可以为元素使用一个类，即replace

<td id="td_id_event"

---

不要使用Id，使用class而不是Id谢谢@首先，我可以问一下吗？我使用datatable，当我单击next以显示下一个数据时，为什么列的值不在@NickPerhaps处隐藏，因为您没有重新加载窗口？该函数仅在加载窗口时运行。您可能应该问一个新问题，并提供尽可能多的信息（例如，单击“下一步”到底做什么）？
<td id="td_id_event"

<td class="id_event"

window.onload = function () {
    var ids = document.getElementsByClassName("id_event");
    for (var i = 0; i < ids.length; i++) {
        ids[i].style.display = "none";
}