Javascript 创建表dom宽度jquery

我有一个关于表格宽度的长代码，包括一些不同的内容。 亦可于

我想在jquery中重写它，希望它能在IE中很好地工作，并且更简短、更清晰

我不要求您“翻译”完整的代码，但给出如何做到这一点的说明或参考。（或关于开头的示例）

谢谢

var table = document.createElement('table');
    table.width  = 625;
    table.className="feltoltesek_tabla_szegely";
    var tr1 = document.createElement('tr');
        var td1 = document.createElement('td');
        td1.width = 20; 
        td1.align="center";
        td1.height = 32;
        td1.rowSpan=3;
            var chb = document.createElement('input');
            chb.type="checkbox";
        var td2 = document.createElement('td');
        td2.rowSpan = 3;
        td2.width = 20; 
        td2.align="center";
            var kuka = document.createElement('div');
            kuka.className = "spr_kuka";
        var td3 = document.createElement('td');
        td3.rowSpan = 3;
        td3.width =  20; 
        td3.align="center";
            var dupl = document.createElement('div');
            dupl.className = "spr_dupl";
        var td4 = document.createElement('td');
        td4.rowSpan = 3;
        td4.width = 135;
        td4.align = "center";
        $('<img/>').attr('src',"http://jsfiddle.net/img/logo.png")
            .css({display:'none',width:76})
            .appendTo(td4)
            .load(function(){
            $(this).fadeIn(1000); });
        var td5 = document.createElement('td');
            td5.innerHTML = "file.name";
        var td6 = document.createElement('td');
        td6.width = 100;
            var meret= document.createElement('select');
            meret.className = "sel_sm";
        var td7 = document.createElement('td');
        td7.width = 80;
            var db = document.createElement('input');
            db.className = "box_sm";
            db.size=3;
            db.type="text";
            var db_span = document.createElement('span');
            db_span.innerHTML = "&nbsp;*";
    var tr2 = document.createElement('tr');
        tr2.height = 21;
        var tdu1 = document.createElement('td');
        var tdu2 = document.createElement('td');
        var tdu3 = document.createElement('td');
        var tdu4 = document.createElement('td');
        var tdu5 = document.createElement('td');
        var tdu6 = document.createElement('td');
        var tdu7 = document.createElement('td');
        var tdu8 = document.createElement('td');            
        var keparany = document.createElement('td');
        keparany.colSpan=3;
        keparany.innerHTML = "row2";
        var felbontas = document.createElement('td');
        felbontas.colSpan=3;
        felbontas.innerHTML = "row3";
    var tr3 = document.createElement('tr');
        tr3.height = 21;
    td1.appendChild(chb);
    td2.appendChild(kuka);
    td3.appendChild(dupl);
    td6.appendChild(meret);
    td7.appendChild(db);        
    td7.appendChild(db_span);    
    tr1.appendChild(td1);
    tr1.appendChild(td2);
    tr1.appendChild(td3);
    tr1.appendChild(td4);
    tr1.appendChild(td5);
    tr1.appendChild(td6);
    tr1.appendChild(td7);
    tr2.appendChild(keparany);
    tr3.appendChild(felbontas);
    table.appendChild(tr1);
    table.appendChild(tr2);
    table.appendChild(tr3);
    var e2 = document.getElementById('id');
    e2.appendChild(table);

var table=document.createElement（'table'）；
表1.2宽度=625；
table.className=“Feltolesek_tabla_szegely”；
var tr1=document.createElement（'tr'）；
var td1=document.createElement（'td'）；
td1.1宽度=20；
td1.align=“中心”；
td1.1高度=32；
td1.行跨度=3；
var chb=document.createElement（'input'）；
chb.type=“复选框”；
var td2=document.createElement（'td'）；
td2.rowSpan=3；
td2.2宽度=20；
td2.align=“中心”；
var kuka=document.createElement（'div'）；
kuka.className=“spr_kuka”；
var td3=document.createElement（'td'）；
td3.rowSpan=3；
td3.1宽度=20；
td3.align=“中心”；
var dupl=document.createElement（'div'）；
dupl.className=“spr_dupl”；
var td4=document.createElement（'td'）；
td4.rowSpan=3；
td4.1宽度=135；
td4.align=“中心”；
$（'使用jquery，您可以使用其HTML代码创建元素。例如：

jQuery("<p>hello <span style='color:green'>world !</span>");

jQuery（helloworld！”）；

因此，您可以简单地执行以下操作：

您可以使用几种不同的技术。在这里，您可以逐个添加每个元素，并构建一个表，然后将其添加到DOM中。您还可以将整个表构建为HTML字符串，然后一次添加所有内容。很难想象为什么需要执行后一种操作，因为您可以很容易在响应中手动构造表，将其构造为字符串，但这将是完全替代此代码的合理方法

 var tbl = '<table style="width: 625;" class="foo"><tr><td rowspan="3" style="width: 20; ...';
 $(tbl).appendTo('#id');

var tbl='您需要选择要将代码放入其中的标记，然后只需要在函数html中提供一个html字符串

$("#id").html('<table width="625" class="feltoltesek_tabla_szegely"><tr><td width="20" align="center" height="32" rowspan="3"><input type="checkbox"></td><td rowspan="3" width="20" align="center"><div class="spr_kuka"></div></td><td rowspan="3" width="20" align="center"><div class="spr_dupl"></div></td><td rowspan="3" width="135" align="center"><img src="http://jsfiddle.net/img/logo.png" style="width: 76px; "></td><td>file.name</td><td width="100"><select class="sel_sm"></select></td><td width="80"><input class="box_sm" size="3" type="text"><span>&nbsp;*</span></td></tr><tr><td colspan="3">row2</td></tr><tr><td colspan="3">row3</td></tr></table>');

$（“#id”）.html（'file.name*row2row3'）；

示例如下：
这里的.html（）API:
太好了！但是如果代码中有一些特殊的内容：$（''）.attr（'src'，''）.css（{display:'none'，width:76}）.appendTo（td4）.load（function（）{$（this）.fadeIn（1000）；}）；你说得对。我能问一下为什么你需要用javascript创建那个表吗？这将帮助我理解：）在我的页面上，人们可以上传更多图片，并且文件会立即（在表中）列出上传完成后，表格单元格会变成图片和数据，因此我建议您使用一个可以轻松克隆的隐藏表格，如下：。这就是您想要的吗？我不会克隆它们，因为行内容不同。
$("#id").html('<table width="625" class="feltoltesek_tabla_szegely"><tr><td width="20" align="center" height="32" rowspan="3"><input type="checkbox"></td><td rowspan="3" width="20" align="center"><div class="spr_kuka"></div></td><td rowspan="3" width="20" align="center"><div class="spr_dupl"></div></td><td rowspan="3" width="135" align="center"><img src="http://jsfiddle.net/img/logo.png" style="width: 76px; "></td><td>file.name</td><td width="100"><select class="sel_sm"></select></td><td width="80"><input class="box_sm" size="3" type="text"><span>&nbsp;*</span></td></tr><tr><td colspan="3">row2</td></tr><tr><td colspan="3">row3</td></tr></table>');