<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script type="text/javascript">
function createTable(){var nt = document.getElementById("form2");
var vtable=document.createElement("table");
vtable.cellPadding="0",
vtable.cellSpacing="0";
vtable.border="1";
vtable.color = "#000000";
for (var i = 0; i < 3; i++) {
var tr = vtable.insertRow(i);
tr.id = (i+1);
for (var j = 0; j < 4; j++) {
var td = tr.insertCell(j);
td.id = (i+1) + "/" + (j+1);
td.innerHTML = "第"+td.id+"列";
}
}
nt.appendChild(vtable);
}
function combine() {
createtable();
document.getElementById("2/2").colSpan="3";
document.getElementById("3/1").colSpan = "4";
//document.getElementById("1").rowSpan = "2";//示例
document.getElementById("2").deleteCell(3);
document.getElementById("2").deleteCell(2);
document.getElementById("3").deleteCell(3);
document.getElementById("3").deleteCell(2);
document.getElementById("3").deleteCell(1);
}
</head>
<body style="margin:0 auto;">
<form id="form2" style="width:1000px;border:dashed solid 1px;">
<input type="button" id="Button1" value="建表" οnclick="combine()"/>
</form>
</body>
</html>
后期再加注释,敬请谅解!