项目返回显示后丢失的样式

时间:2015-06-11 15:37:32

标签: javascript css

在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">

我将text-align样式添加到该类。然后我更改了JS以尝试另外两种方法:.hasClass和.addClass。但这两种方法都失败了。

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

修改   以下是我看到的图像以及Dev Tools在HTML中显示的内容。使用这两种方法,我认为细胞不应该回到最初的位置。

enter image description here

1 个答案:

答案 0 :(得分:0)

我能够通过将表放在www.cardler.com/contact.php内并更改显示来解决此问题。