我正在尝试使用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');
答案 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');