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和html()方法设置css()的样式和内容：

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

希望这有帮助。

对齐单元格javascript

2 个答案: