正在尝试使用rowspan创建td

Trying to create td with rowspan

本文关键字：rowspan 创建 td      更新时间：2023-09-26

我正试图用rowspan创建一个td。

我必须从第二列创建一个包含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');

insertCell将返回cell element。在您的情况下，td3将是'<input type="text" name="txtbox3" />'，并且您不能在string 上使用setAttribute

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