如何使用td和input标签为动态tr应用css样式？

Question

我使用类名称动态追加tr，td和输入标记，我也将css样式写成单独的但不应用动态{{1} }。

请找到我的代码段。

tr

css样式：

 <table style="width:100%" class="tSheet">
            <tr class="t-header">
                <th class="t-head">sno</th>
                <th class="t-head">Description</th>
                <th class="t-head">Debit</th>
                <th class="t-head">Credit</th>
            </tr>
            <tr>
                <td class="t-content"><input type="text" class="t-input" /></td>
                <td class="t-content"><input type="text" class="t-input"  /></td>
                <td class="t-content"><input type="text" class="t-input" /></td>
                <td class="t-content"><input type="text" class="t-input" /></td>
            </tr>
        </table>

我的javaScript函数：

.tSheet .t-head,.t-content  {
     border: 1px solid black;
}
.t-input{
border:0px none;
}
.t-input:focus{
    outline:0;
}