对于2动态生成的TD

时间:2016-09-17 02:43:23

标签: javascript css

现在,以下代码在两个TD之间生成两个很大的空格。

如何设置第一个TD左对齐和 第二个TD与第一个TD对齐?

// nTR是新TR nTR.setAttribute(' style',' td {padding:10px}')无效。怎么去呢?

// creating row and creating all cells
// creates a table row
var newrow = document.createElement("tr");
newrow.setAttribute('style','td {padding: 10px}');

// cell 1
    var cell = document.createElement("td");            
    cell.colSpan = "2"; 
    // cell.setAttribute('style','padding: 10px');              
    var cellText = document.createElement('input');
    cellText.type = 'text';
    cellText.id = 'fLabel';
    cellText.name = 'fLabel';
    cellText.size = "20";
    cell.appendChild(cellText);
    newrow.appendChild(cell);       

// cell 2
    var cell = document.createElement("td");
    cell.colSpan = "3";
    var cellText = document.createElement('input');
    cellText.type = 'text';
    cellText.id = 'fValue';
    cellText.name = 'fValue';
    cellText.size = "80";
    cell.appendChild(cellText);
    newrow.appendChild(cell);

    // code to append the new TR to table
    // ...  

感谢。

0 个答案:

没有答案