日期:2014-05-16  浏览次数:20367 次

动态创建合并后的table
请教大家一个问题.我动态创建出一个3行3列的table,但是我想把第一行的3个表格合并成一个表格,我怎么动态创建出这样的一个table?

------解决方案--------------------
你不是已经会了“动态创建出一个3行3列的table”吗,也是一样啊?

<div id=div_test> </div>

<script language=javascript>
document.all.div_test.innerHTML = " <table> <tr> <td colspan=3> </tr> <tr> ... ";
</script>
------解决方案--------------------
var s = ' ';

s += ' <table width= "758 " height= "286 " border= "1 "> ';
s += ' <tr> ';
s += ' <td height= "34 " colspan= "2 "> </td> ';
s += ' </tr> ';
s += ' <tr> ';
s += ' <td width= "584 "> </td> ';
s += ' <td width= "158 "> </td> ';
s += ' </tr> ';
s += ' </table> ';

document.all.div_test.innerHTML = s;
------解决方案--------------------
http://www.w3pop.com/tech/school/htmldom/dom_obj_table.asp
有关表格对象的属性和方法,应该可以满足你要求
------解决方案--------------------
不好意思,笔误.
另外本来可以不用删除的,创建的时候第一行就只插入一个单元格.

// 创建三行三列的表
// ...

// 取得你要处理的行
var row = document.all.div_test.children[0].rows[0];
// 设置为跨三列
row.cells[0].colSpan = 3;
// 删除多出来的两个格
row.deleteCell(1);
row.deleteCell(1);