Как я могу скрыть тег TD, используя встроенный JavaScript или CSS?

Question

Как я могу скрыть <td> тег с использованием JavaScript или встроенного CSS?

Answer 1

Что, по вашему мнению, произойдет на этом месте?Таблица не может быть перекомпонована, чтобы заполнить оставшееся пространство — это похоже на ошибку в ответах браузера.

Подумайте о сокрытии содержимого td, а не самого td.

Answer 2

.hide{

visibility: hidden

}

<td class="hide"/>

Редактировать- Только для тебя

Разница между отображением и видимостью заключается в следующем.

"дисплей": имеет много свойств или значений, но те, на которых вы сосредоточены, - это "none" и "block"."none" - это как скрыть значение, а "block" - как показать.Если вы используете значение "none", вы будете полностью скройте любой html-тег, к которому вы применили этот стиль css.Если вы используете "блокировать", вы увидите html-тег и его содержимое.очень просто.

"видимость": имеет много значений, но мы хотим узнать больше о "скрытых" и "видимых" значениях."скрытый" будет работать так же, как значение "блокировать" для отображения, но это скроет тег и его содержимое, но не скроет физическое пространство этого тега.Например, если у вас есть пара строк текста, то и изображение (picture), а затем таблица с тремя столбцами и двумя строками со значками и текстом.Теперь, если вы примените visibility css со скрытым значением к изображению, изображение исчезнет, но пространство, которое использовало изображение, останется на своем месте, другими словами, в итоге вы получите большой пробел (hole) между текстом и таблицей.Теперь, если вы используете значение "visible", ваш целевой тег и его элементы снова будут видны.

Answer 3

Точно так же, как вы бы скрыли что-нибудь: visibility: hidden;

Answer 4

<td style = "display:none" >
<p> Content display none </p>
</td>

или

<td style="visibility:hidden"> Your content is hidden </td>

Заметить, что:2 эти способы отличаются.Вам стоит попробовать, чтобы проверить результат.

Answer 5

Все возможно (или почти) с помощью CSS, просто используйте:

display: none; //to hide

display: table-cell //to show

Answer 6

Если у вас есть больше, чем это в javascript, рассмотрите некоторую библиотеку javascript, например. jquery это немного снижает скорость, но дает более читаемый код.

Код вашего вопроса через jquery:

$("td").hide();

Конечно, существуют и другие библиотеки JavaScript, например это сравнение в википедии шоу.

Answer 7

Вы можете просто скрыть <td> тегируйте содержимое, просто включив атрибут стиля: style = "display:none"

Например,

<td style = "display:none" >
<p> I'm invisible </p>
</td>

Answer 8

Мы можем скрыть содержимое внутри a, используя следующий встроенный CSS:

<div style="visibility:hidden"></div>

например:

<td><div style="visibility:hidden">Your Content Goes Here:</div></td>