在javascript中设置<TD>的valign属性[重复]

Question

可能重复：
valign not working on a td?

我正在使用 javascript 向表中动态添加行，如下所示：

var lastRow = tbl.rows.length;
var iteration = lastRow;
var row = tbl.insertRow(lastRow);

var cellLeft = row.insertCell(0);
var inc = parseInt(iteration)+1;
var textNode = document.createTextNode(inc);
cellLeft.appendChild(textNode);

var cellMiddle = row.insertCell(1);
var el = document.createElement('input');
el.type = "checkbox";
cellMiddle.appendChild(el);

var cellRight = row.insertCell(2);
var el1 = document.createElement('span');
el1.innerHTML = "asdasd adad a aa a a s a a a  a as "+
           " a a as a a a  adasdadsadad ad ada aasdasd as aas  ";

在这里，我创建了一行，其中包含 3 列，第一列显示数字，第二列包含复选框，第三列包含数据。这里第三列的数据很长，这就是为什么它的高度会增加，而其他单元格中的复选框和数字显示在中间。我想将 valign 属性设置为顶部。我该怎么做？

我尝试了以下行但没有成功：

cellLeft.valign="top";

Answer 1

您可以使用以下 javascript 代码执行此操作：

cellLeft.style.verticalAlign = "top";