动态样式化/格式化表的动态添加列，使用JavaScript右对齐

Question

我有一张价格列的表格，我想要对齐。我可以很容易地做到这一点，但所有行都会在以后添加：

var row = table.insertRow(-1);

因此，没有现有的HTML可以在原始文件中添加id。有一个<table>代码，但没有<tr>或<td>代码。

这是一个包含HTML，CSS和JavaScript的jsFiddle：

jsFiddle

我希望价格一致。如何使用Javascript动态设置一列的对齐？

Answer 1

您根本不需要JavaScript来完成该任务。您可以使用CSS设置price-column的样式。只需将以下规则添加到CSS：

#myTable tr td:nth-child(3) {
    text-align: right;
}

jsFiddle

如果您没有编辑CSS的选项，可以在插入的节点上设置CSS属性：

cell3.style.textAlign = "right";

jsFiddle

当然，后者也会回答你的问题，用JavaScript设置样式属性。

这假设您知道，您的价格列将是第3列。