Как скрыть тег TD с помощью встроенного JavaScript или CSS?

Question

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

Answer 1

.hide{

visibility: hidden

}

<td class="hide"/>

Edit- Только для тебя

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

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

«видимость»: имеет много значений, но мы хотим узнать больше о «скрытых» и «видимых» значениях. «hidden» будет работать так же, как значение «block» для отображения, но это будет скрывать тег и его содержимое, но не будет скрывать физическое пространство этого тега. Например, если у вас есть пара строк текста, то и изображение (картинка), а затем таблица с тремя столбцами и двумя строками с иконками и текстом. Теперь, если вы примените CSS CSS видимости со скрытым значением к изображению, изображение исчезнет, ​​но пространство, которое использовалось изображением, останется на своем месте, другими словами, между текстом и текстом будет большой пробел стол. Теперь, если вы используете значение «visible», ваш целевой тег и его элементы снова будут видны.

Answer 2

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

Подумайте о том, чтобы скрыть содержимое тд, а не сам тд.

Answer 3

Точно так же, как вы прячете что-либо: visibility: hidden;

Answer 4

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

display: none; //to hide

display: table-cell //to show

Answer 5

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

или

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

Обратите внимание, что: 2 эти пути различны. Вы должны попробовать это, чтобы проверить результат.

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>