javascript - 使用 JavaScript 在表中显示 CSS 属性问题

Question

我的代码中有两个按钮。一个用于显示:无，另一个用于在相同位置再次显示元素。

当我通过 JavaScript 在表格行上应用 Display:none 属性时，即 .它工作完美。

但现在我想在点击时再次返回。但它没有显示在它的准确位置上。

表格

<table border="1">
<tr>          <td>name</td><td>cell</td>           </tr>
<tr id="rw">  <td>Ali</td><td>0341455454</td>      </tr>
<tr>          <td>irfan</td><td>033435783</td>     </tr>
</table>

按钮

<input type="button" value=" click to display none " onclick="Javascript:document.getElementById('rw').style.display='none';" />
<input type="button" value=" click to display back "  onclick="Javascript:document.getElementById('rw').style.display='inline';" />

FIDDLE

Answer 1

display-inline 不是表格元素。使用“表格行”而不是“内联”。

<input type="button" value=" click to display back "  onclick="Javascript:document.getElementById('rw').style.display='table-row';" />

Updated FIDDLE

阅读有关显示选项的更多信息 from here