首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

动态创建合并后的table,该怎么处理

2012-03-16 
动态创建合并后的table请教大家一个问题.我动态创建出一个3行3列的table,但是我想把第一行的3个表格合并成

动态创建合并后的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);

热点排行
Bad Request.