在javascript中设置<TD>的valign属性

Question

可能重复:
valign没有在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列的行,一列显示数字,第二列包含复选框,第三行包含数据.这里第3列中的数据非常长,这就是为什么它的高度增加,其他单元格中的复选框和数字显示在中间.我想在那里设立valign proprty.我怎样才能做到这一点？

我尝试过以下行,但没有奏效:

cellLeft.valign="top";

Answer 1

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

cellLeft.style.verticalAlign = "top";