javascript - 元素返回显示后样式丢失

Question

在 html 表单中，我有一个表格，我根据单选按钮选择隐藏或显示该表格。当表格被隐藏然后恢复时，其中一个样式设置会丢失。我想在显示表格时保持相同的布局。

表格的 HTML

<table id="tblAutomated">
  <tr>
    <td>Are the deposits automated?</td>
    <td id="tdAutomated" style="text-align:right"><input type="radio" name="rbAutomated" value="yes">Yes <input type="radio" name="rbAutomated" value="No">No</td>
  </tr>
</table>

单选按钮的 JS 只是相关部分

document.getElementById('tblAutomated').style.display='block';
document.getElementById('tdAutomated').style.textAlign='right';

但是 IE Dev Tools 显示第二个 JS 行的未处理异常。 “对象不支持属性或方法。”

因此，我尝试向 <td> 添加一个类.

<td id="tdAutomated" class="tblRight">

然后我在该类中添加了文本对齐样式。然后我更改了 JS 以尝试其他两种方法:.hasClass 和 .addClass。但是这两种方法也都失败了。

是否有一种方法可以正确设置对齐方式或允许添加类？

编辑 以下是我所看到的图像以及开发工具在 HTML 中显示的内容。使用这两种方法，我看不出为什么单元格不应该回到原来的位置。

Answer 1

我可以通过将表格放在 <div> 中来解决这个问题并为此更改显示。