试图用rowspan创建td

时间:2016-01-08 12:39:26

标签: javascript html5

我正在尝试使用td创建rowspan

我必须在用户必须设置rowspan的第二列中创建一个包含6列的表。

例如:

column 2 row1 column3 row1
column 2 row2 column3 row1
column 2 row3 column3 row1

function addRow() {

    var myName = document.getElementById("namez");
    var age = document.getElementById("age");
    var table = document.getElementById("myTableData");

    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);

    row.insertCell(0).innerHTML= '<input type="button" value = "Delete" onClick="Javacsript:deleteRow(this)">';
    row.insertCell(1).innerHTML= '<input type="text" name="txtbox1[]" />';
    row.insertCell(2).innerHTML= '<input type="text" name="txtbox2[]" />';
    var td3 = row.insertCell(3).innerHTML= '<input type="text" name="txtbox3" />';
    td3.setAttribute('rowSpan', '2');

1 个答案:

答案 0 :(得分:2)

  

insertCell将返回cell element。在您的情况下,td3将为'<input type="text" name="txtbox3" />',您无法使用setAttribute而不是string

var td3 = row.insertCell(3);
td3.innerHTML = '<input type="text" name="txtbox3" />';
td3.setAttribute('rowSpan', '2');