通过使用 Javascript 如何显示和隐藏表格的某些部分（例如：TR 或 TD）。这应该取决于从数据库获取的数据 我在我的应用程序中使用 CakePHP 框架，并使用单个视图文件进行添加和编辑。 在编辑模式下 - 根据获取的数据，我需要显示和隐藏表单元素的某些部分。

设想 有五个问题 A、B、C、D 和 E B 依赖于 A，C 依赖于 B，D 依赖于 C，E 依赖于 D 所以在添加时我隐藏了 B、C、D 和 E 选择相应问题后，将显示其他问题。 A、B、C、D - 都是“是/否”（单选按钮）问题。

Eg:

<'table>
<'tr id='a'>
  <'td colspan='2'>A<'/td>
<'/tr>  
<'tr id='b'>
  <'td colspan='2'>B<'/td>
<'/tr>
<'tr id='cd'>
  <'td id='c'>C<'/td><'td id='d'>D<'/td>
<'/tr>
<'/table>

(' 所有 HTML 标签的前缀)

我该怎么做。请发表您的评论。

CSS有两个特殊的属性，第一个是display第二个是visibility.

display

有很多属性或值，但我们需要的是none and block. none就像一个隐藏值，并且block就像表演一样。如果您使用none值，您将完全隐藏应用此 CSS 样式的 HTML 标记。如果你使用block您将看到 HTML 标签及其内容。

能见度

有很多价值，但我们想了解更多hidden and visible价值观。hidden将以与block显示值，但这将隐藏标签及其内容，但不会隐藏该标签的物理空间。

例如，如果您有几行文本，然后是图像（图片），然后是一个包含三列两行且带有图标和文本的表格。现在，如果您应用visibilityCSS 与hidden值对图像来说，图像将消失，但图像使用的空间将保留在其位置。换句话说，文本和表格之间将会有一个很大的空间（洞）。现在如果你使用visible值您的目标标签，其元素将再次可见。

然后你可以通过 JavaScript 更改它们display:

document.getElementById(id).style.display = "none";
document.getElementById(id).style.display = "block";

for visibility:

document.getElementById(id).style.visibility= "hidden";
document.getElementById(id).style.visibility= "visible";

因此，您可以创建一个执行此操作的函数，然后在他们选择正确答案时引用该函数。 这取决于他们如何选择它以及你如何让它显示。

否则，如果这不是您想要的，innerHTML 函数也可以工作。