javascript - 如何使用内联 JavaScript 或 CSS 隐藏 TD 标签?

标签 javascript html css visibility

如何隐藏 <td>使用 JavaScript 或内联 CSS 标记?

最佳答案

.hide{

visibility: hidden

}

<td class="hide"/>

编辑- 只为你

display 和 visibility 的区别就在于此。

“display”: 有很多属性或值,但您关注的是“none”和“block”。 “none”就像隐藏值,“block”就像显示。如果您使用“无”值,您将完全隐藏您已应用此 css 样式的任何 html 标记。如果您使用“ block ”,您将看到 html 标记及其内容。很简单。

“visibility”:有很多值,但我们更想了解“隐藏”和“可见”的值。 “hidden”将以与“block”值相同的方式显示,但这将隐藏标签及其内容,但不会隐藏该标签的物理空间。例如,如果您有几行文本,然后是图像(图片),然后是一个包含图标和文本的三列两行表格。现在,如果您将具有隐藏值的可见性 css 应用于图像,图像将消失,但图像使用的空间将保留在原处,换句话说,您将在文本和文本之间留下一个大空间(孔) table 。现在,如果您使用“可见”值,您的目标标签及其元素将再次可见。

关于javascript - 如何使用内联 JavaScript 或 CSS 隐藏 TD 标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/916528/

相关文章:

javascript - 具有用户输入的数组上的 NaN

javascript - 使用 Javascript 或 jQuery 动态更改 CSS

html - 具有固定标题和可滚动 x-y 正文的 Css 表格

css - 将样式化的 div 并排放置

html - 为什么我的 body 比内容更宽?

JavaScript 正则表达式应该只包含 N 个数字字符

javascript - 通过按下按钮使用 javascript 缩进文本

javascript - 什么时候应该使用一个事件监听器,什么时候应该使用多个?

CSS Opacity 不生成颜色叠加层?

html - 如何更改此页面的源代码,使其内容和菜单 div 一起展开?