浏览 2711 次
锁定老帖子 主题:javascript动态创建表格
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2008-12-26
本以为很简单的可以做一个, 但在做的时候 , 还是遇到了点小问题, 总结下。 <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <TABLE id="cssrain" style="border:1px solid #000;width:200px;" > <tr><td>姓名</td><td colspan="2" align="center">地址</td></tr> </TABLE> <input type="button" onclick="addRow()" value="add" /> <script> function addRow(){ var table = document.getElementById("cssrain"); if(table) { var tr_new = document.createElement("tr"); if(tr_new) { //创建第一列 var td_customer = document.createElement("td"); td_customer.align="center"; td_customer.width="19%" ; td_customer.innerHTML="aaa"; if(td_customer){ tr_new.appendChild(td_customer); } //创建第二列 var td_panyment = document.createElement("td"); td_panyment.align="center"; td_panyment.colSpan="2"; //注意这里是大写 colSpan 而不是colspan td_panyment.innerHTML="bbb"; if(td_panyment){tr_new.appendChild(td_panyment);} var tbody = document.createElement("TBODY");//这一步 不能少 tbody.appendChild(tr_new);//这一步 不能少 table.appendChild(tbody); }else{ alert("行不存在"); } }else{ alert("表格不存在"); } } </script> <!-- 总结1: 表格属性的问题: colSpan="2"; // 使用colSpan 而不是colspan 同理: 使用 cellSpacing 而不是 cellspacing 使用 cellPadding 而不是 cellpadding 总结2: 在IE里不允许将tr直接附加到table里, 而要先将tr附加到tbody中, 然后再将tbody附加到table下。 FireFox中不存在这个问题。 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |