求救：为什么javascript下for循环函数中单元格的样式实现不了？？

js的文件下一个函数function中通过for循环增加td.innerHTML。其中类似<td width='18%' class='datatable_list_title'>文字</td>这样的代码，在页面上面单元格的样式没有变化，没有按照class属性设置中的进行改变。为什么会这样呢？？？但是在循环外面的内容就没有影响。
求高手！~~~~

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <title>关于区域滚动与元素定位问题</title>
    <style>
    *{margin:5px;}
    #table_1{border-collapse:collapse;}
    .datatable_list_title{border:1px solid #D4D4D4;width:100px;text-align:center;}
    </style>
    <script>
    function add_line()
    {
    var tr = '<tr>';
    tr += '<td class="datatable_list_title">A</td>';
    tr += '<td class="datatable_list_title">B</td>';
    tr += '<td class="datatable_list_title">C</td>';
    tr += '</tr>';
    $("#table_1").append(tr);
    }
    </script>
    </head>
    <body>
        <table id="table_1">
            <tr>
                <td class="datatable_list_title">A</td>
                <td class="datatable_list_title">B</td>
                <td class="datatable_list_title">C</td>
            </tr>
        </table>
        <div><input type="button" value="增加一行" onclick="add_line()"></input></div>
    </body>
    </html>
      

  2.   

    function addrerecooutlay()
    { var signFrame = findObj("outlay",document);//table object
    //添加行
    var newRow = signFrame.insertRow(signFrame.rows.length);
    newRow.id = "outlay" + rowID;
    var td = newRow.insertCell(0);

    td.innerHTML = "年度："+"<input id='projAnnual' type='text' readonly='readonly' style='width:60px' value='" + nextprojAnnual + "'/>"
    /* +"&nbsp;总计：<input type='text' id='outlaybudget' name='outlaybudget' style='width:80px'/>&nbsp;万"*/
    +"&nbsp;<a href='#morererecooutlay' onclick=\"DeleteSignRow('outlay','outlay"+ rowID+"')\">删除</a><br/>"
    + "<table width='100%' border='0' cellpadding='3' cellspacing='0' class='datatable_list'>"
    +"<tr><td width='18%' class='datatable_list_title'>支出类别</td>"
    +"<td width='30%' class='datatable_list_title'>金额</td>"
    +"<td width='60%' class='datatable_list_title'>计算依据（200字符以内）</td></tr>";
    var row = rowID;
    for(var i=0;i<outlaies.length;i++){
    row = row+1;
    td.innerHTML += "<tr><td width='18%' class='datatable_list_title'>"
    + "<input type='hidden' readonly='readonly' name='reRecoOutlayList["+row+"].outlaytypeName' value='"+outlaies[i]+"'/>"
    + outlaies[i]+"</td>"
    + "<td width='30%' class='datatable_list_back_f6'><input type='text' name='reRecoOutlayList["+row+"].outlayValue'/>&nbsp;万</td>"
    + "<td width='60%' class='datatable_list_back_f6'><input type='text' name='reRecoOutlayList["+row+"].outlayValue' size='60' maxlength='200'/></td></tr>";
    }
    td.innerHTML+="<td width='18%' class='datatable_list_title'>合计</td><td width='82%' colspan='2' class='datatable_list_back_f6'><input type='text' id='total_outlay' name='total_outlay' readonly='readonly'/>&nbsp;万</td>";
    td.innerHTML+= "</table>";


    }
      

  3.   

    for循环中的class属性在页面上面没有什么改变