Форум

_Eldar_ · #1 (**permalink**) 12.03.2015, 12:40

Есть у таблицы столбец 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>

рони · #2 (**permalink**) 12.03.2015, 12:43

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

.getElementsByClassName

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

рони · #3 (**permalink**) 12.03.2015, 12:48

Сообщение от _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>

рони · #4 (**permalink**) 12.03.2015, 12:52

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

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

_Eldar_ · #5 (**permalink**) 12.03.2015, 12:52

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

Форум

Справочник

Discord чат

Курсы javascript