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

Ответ 1

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

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

Ответ 2

.hide{

visibility: hidden

}

<td class="hide"/>

Edit - Просто для вас

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

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

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

Ответ 3

То же самое, что вы скроете: visibility: hidden;

Ответ 4

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

или

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

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

Ответ 5

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

display: none; //to hide

display: table-cell //to show

Ответ 6

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

Ваш код вопроса через jquery:

$("td").hide();

Конечно, есть и другие библиотеки javascript, так как показано это сравнение в wikipedia.

Ответ 7

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

Например,

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

Ответ 8

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

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

например:

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