Javascript-форум - помогите скрыть столбец td Class

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - помогите скрыть столбец td Class (https://javascript.ru/forum/misc/54295-pomogite-skryt-stolbec-td-class.html)

помогите скрыть столбец td Class

Есть у таблицы столбец td class="bx-checkbox-col bx-left" - как его скрыть - подскажите, пробовал добавлять строку document.getElementsByClassName('bx-checkbox-col bx-left').hide(); не скрывает :(

<table cellspacing="" class="bx-interface-grid" id="lists_list_elements_">
  <tbody>
    <tr >
      <td class="bx-checkbox-col bx-left"><input type="checkbox" title="Отметить" ></td>
      <td class="bx-checkbox-col bx-left">&nbsp;</td>
      <td class="bx-checkbox-col bx-left">&nbsp;</td>
    </tr>
    <tr title="Двойной щелчок - Изменить"   class=" bx-even">
      <td class="bx-checkbox-col bx-left"><input type="checkbox" title="Отметить" ></td>
      <td class="bx-checkbox-col bx-left">&nbsp;</td>
      <td class="bx-checkbox-col bx-left">&nbsp;</td>
    </tr>
    <tr title="Двойной щелчок - Изменить"   class=" bx-odd">
      <td class="bx-checkbox-col bx-left"><input type="checkbox" title="Отметить" ></td>
      <td class="bx-checkbox-col bx-left">&nbsp;</td>
      <td class="bx-checkbox-col bx-left">&nbsp;</td>
    </tr>
  </tbody>
</table>

Цитата:

Сообщение от _Eldar_

.getElementsByClassName

коллекцию элементов надо обходить циклом - в данном случае достаточно css

Цитата:

Сообщение от _Eldar_

столбец td class="bx-checkbox-col bx-left"

у вас все ячейки одинаковы все и скроются

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .bx-checkbox-col.bx-left {
    display: none;
  }

  </style>
</head>

<body>
<table cellspacing="" class="bx-interface-grid" id="lists_list_elements_">
  <tbody>
    <tr >
      <td class="bx-checkbox-col bx-left"><input type="checkbox" title="Отметить" ></td>
      <td class="bx-checkbox-col bx-left">&nbsp;</td>
      <td class="bx-checkbox-col bx-left">&nbsp;</td>
    </tr>
    <tr title="Двойной щелчок - Изменить"   class=" bx-even">
      <td class="bx-checkbox-col bx-left"><input type="checkbox" title="Отметить" ></td>
      <td class="bx-checkbox-col bx-left">&nbsp;</td>
      <td class="bx-checkbox-col bx-left">&nbsp;</td>
    </tr>
    <tr title="Двойной щелчок - Изменить"   class=" bx-odd">
      <td class="bx-checkbox-col bx-left"><input type="checkbox" title="Отметить" ></td>
      <td class="bx-checkbox-col bx-left">&nbsp;</td>
      <td class="bx-checkbox-col bx-left">&nbsp;</td>
    </tr>
  </tbody>
</table>

</body>

</html>

_Eldar_, скрыть 1 столбец

td:nth-child(1) {
    display: none;
  }

спасибо, работает, не знал что пробел в class нужно заменять на точку при написании в css