動態樣式/格式動態添加一列的表格，使用JavaScript右對齊使用

Question

我有一個表格，我想要對齊的價格列。我可以很容易地做到這一點，但所有的行與後來補充說：

var row = table.insertRow(-1); 

因此，不存在現有的HTML到id在原來的文件添加到。有一個<table>標籤，但沒有<tr>或<td>標籤。

這裏是HTML，CSS和JavaScript的jsfiddle：

jsFiddle

我要的價格右對齊。我如何動態設置一列與Javascript的對齊方式？

Answer 1

您完全不需要JavaScript來完成該任務。您可以使用CSS設置價格列的樣式。只需添加下面的規則到CSS：

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

jsFiddle

如果沒有這個選項來編輯你的CSS，你可以設置你的插入節點上的CSS屬性：

cell3.style.textAlign = "right"; 

jsFiddle

當然，後者也會回答你的問題，用JavaScript設置style屬性。

這假定您知道，您的價格欄將是第3欄。