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不是表格元素。使用'table-row'而不是'inline'。

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

Updated FIDDLE

详细了解展示选项from here

Answer 2

使用表格行代替内联：

<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='table-row';" />

your updated jsfiddle

Answer 3

默认情况下，<tr>元素为display: table-row，而不是display: inline。

显示不正确，因为您给的显示模型错误。

Answer 4

显示：'无'或显示：''（空）使用

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

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

4 个答案: