如何用循环创建新的表格单元格?

时间:2015-05-10 19:15:13

标签: javascript tablecell

如何使用循环创建新的表格单元格,该循环检查有多少行,并在每行的末尾添加新的表格单元格?

示例html:

 <table id ="my_table">
                    <thead>
                        <tr>
                            <th>lorem ipsum</th>
                            <th>lorem ipsum</th>
                            <th>lorem ipsum</th>
                            <th>lorem ipsum</th>
                            <th>lorem ipsum</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>lorem ipsum</td>
                            <td>lorem ipsum</td>
                            <td>lorem ipsum</td>
                            <td>lorem ipsum</td>
                            <td><input type ="text" size ="3" value ="1"/></td>
                        </tr>
                        <tr>
                            <td>lorem ipsum</td>
                            <td>lorem ipsum</td>
                            <td>lorem ipsum</td>
                            <td>lorem ipsum</td>
                            <td><input type ="text" size ="3" value ="1"/></td>
                        </tr>

这是我创建一个td的方式:

function my_test() {
    var my_tbody = document.getElementById('my_table').getElementsByTagName('tbody')[0].rows[0];
    var my_td = document.createElement('td');
    my_td.innerHTML = 'test';    
    my_table.appendChild(my_td);
}

以下是我认为它适用于for语句的方式:

for (var i = 0; i < my_table.length; i++) {
...and then the code above in here.
}

0 个答案:

没有答案