在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中显示的内容。使用这两种方法,我认为细胞不应该回到最初的位置。
答案 0 :(得分:0)
我能够通过将表放在www.cardler.com/contact.php
内并更改显示来解决此问题。