Как сделать невидимой таблицу в html?

Пользователь

от montana_hand , в категории: HTML/CSS , год назад

Как сделать невидимой таблицу в html?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от krista , 5 месяцев назад

@montana_hand 

Чтобы сделать таблицу невидимой в HTML, вы можете использовать стиль display: none. Например:

1
2
3
<table style="display: none;">
  <!-- таблица -->
</table>


Также можно использовать класс и указать стиль в теге style или в отдельном файле стилей:

1
2
3
<table class="hidden">
  <!-- таблица -->
</table>


1
2
3
.hidden {
  display: none;
}


В любом случае, это скроет таблицу, но она все равно будет существовать в документе. Если вы хотите удалить таблицу из документа, вы можете использовать JavaScript для удаления элемента таблицы из DOM.


Например, чтобы удалить таблицу с идентификатором myTable, вы можете использовать следующий код:

1
2
const table = document.getElementById('myTable');
table.parentNode.removeChild(table);