javascript - 如何使用CSS在javascript中设置数组内 'td'的高度

Question

cell=new Array();
//some code lines

// here 'k' is number of a FOR LOOP and this part work well
cell[k]=document.createElement('td'); 

cell[k].style.height="50px"; // problem occur in here 

我的问题是如何为新创建的“td”设置 50px 高度。

*下面是我的完整代码

var myColumns= result.array2[0];
var myRows= result.array2[1];
var cellData="";
var mmm=0;
var kkk=2;

    row=new Array();
    cell=new Array();

    row_num=parseInt(myRows+1);          
    cell_num=parseInt(myColumns); 

    tab=document.createElement('table');

    tab.id="newtable";       
    tab.border="5";     
    tbo=document.createElement('tbody');        

创建行

    for(c=0;c<row_num;c++){
    row[c]=document.createElement('tr');    

创建单元格

    for(k=0;k<cell_num;k++) {           
    cell[k]=document.createElement('td');

第一行以下不工作，没有那行代码工作正常

    cell[k].style.height="50px";        
    if(c==0){           
            cont=document.createTextNode( result.array2[kkk])
            kkk++;

        }else{              
            cont=document.createTextNode( result.array1[mmm])
            mmm++;
            }   

    cell[k].appendChild(cont);
    row[c].appendChild(cell[k]);
    }
    tbo.appendChild(row[c]);
    }
    tab.appendChild(tbo);

'otherTopSection' 是一个 div id 名称

document.getElementById('otherTopSection').appendChild(tab);

Answer 1

cell[k]=document.createElement('td');
cell[k].style.height="50px";     
someTr.appendChild(cell[k]);

看起来它没有附加到 DOM。

这是一个 fiddle http://jsfiddle.net/thelgevold/gpkjj7er/3/