对齐单元javascript

Question

我使用javascript动态地向表中添加行：

function addRow() {
    var table = document.getElementById("bestelling");

    var rowCount = table.rows.length; 
    var row = table.insertRow(rowCount-5);

    var cell1 = row.insertCell(0);
    var bedrag = document.createElement("input");
    bedrag.type = "text";
    bedrag.name = "bedrag[]";
    cell1.appendChild(bedrag);
}

这似乎是完美的，除了我希望第一个单元格对齐对齐。

有什么建议吗？

Answer 1

您可以尝试添加以下内容(我假设cell1是您所指的“第一个单元格”)：

cell1.style.textAlign = "right";

这将向右显示CSS textAlign的单元格。

或者，可以使用以下JavaScript代码为单元格设置类名：

cell1.className = "alignRight"

并使用CSS设置对齐权。

.alignRight{
     text-align:right;
}

Answer 2

为了使这更简单，您可以使用jQuery - http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js。

$("<tr id='new-row'>").insertBefore("#first-row")      // # is the id selector

然后可以使用#new-row和css()方法设置html()的样式和内容：

$("#new-row").css("text-align","right");
$("#new-row").html("Hello world!");

希望这能有所帮助。