ie和firefox操作table对象的异同

2019独角兽企业重金招聘Python工程师标准>>>

ie和firefox下操作table对象的异同【测试浏览器版本：ie为8,9，firefox为2.0】

1）在ie下，table标签直接使用appendChild增加document.createElement('tr')的行时不显示，但是在firefox下是没有问题的。如下

var tb=document.getElementById('table1');

var tr=document.createElement('tr'),td=document.createElement('td');

td.innerHTML=new Date();

tr.appendChild(td);//行增加单元格

tb.appendChild(tr);//表增加行

</script>

运行上面的代码后，和描述一样吧。
注意：tr .innerHTML =“”；这句话在ie下不能使用
解决办法就是在table标签内增加tbody标签，tbody使用appendChild时在ie和firefox下都可以显示了。

var tb=document.getElementById('tbody1');

var tr=document.createElement('tr'),td=document.createElement('td');

td.innerHTML=new Date();

tr.appendChild(td);//行增加单元格

tb.appendChild(tr);//表增加行

</script>

2） 使用insertRow和insertCell插入行和单元格时需要注意的 ，在ie下可以不传递行号和列号，但是如果在firefox下，必须要传递，要不出错。【insertRow和insertCell可以为table标签也可以为tbody标签，这两则都可以用】如下

var tb=document.getElementById('table2');

var tr=tb.insertRow(),td=tr.insertCell();

td.innerHTML=new Date();

</script>

运行上面的代码在ie下可以插入行和单元格，但是在firefox下出现“uncaught exception: [Exception... "Not enough arguments" nsresult: "0x80570001 (NS_ERROR_XPC_NOT_ENOUGH_ARGS)" location: "JS frame :: file:///E:/IISDebug/ajax/table.htm :: <TOP_LEVEL> :: line 32" data: no]”的错误

解决办法就是把行号和列号作为参数传入
但是要注意，传递的行号不能大于当前的行的长度，如已经有2行，你可以传递2，但是不能传递3。就如同强类型语言的数组一样，不能越界

var tb=document.getElementById('table3');

var tr=tb.insertRow(tb.rows.length)//这样传递，插入在最后，你也可以传递其他的

,td=tr.insertCell(0);

td.innerHTML=new Date();

</script>

参考： http://www.cnblogs.com/oneroundseven/archive/2011/03/02/1968751.html

转载于:https://my.oschina.net/winHerson/blog/140429

ie和firefox操作table对象的异同相关推荐

js 操作table: insertRow()，deleteRow()，insertCell()，deleteCell()方法
表格有几行: var trCnt = table.rows.length; (table为Id ) 每行有几列:for (var i=0; i<trCnt; i++) ...
js 操作table: insertRow()，deleteRow()，insertCell()，deleteCell()方法
表格有几行: var trCnt = table.rows.length; (table为Id ) 每行有几列:for (var i=0; i<trCnt; i++) ...
关于IE、Firefox、Opera页面呈现异同(转载)
1.document.formName.item("itemName") 问题说明:IE下,可以使用document.formName.item("itemName&q ...
关于IE、Firefox、Opera页面呈现异同 (转于纯蓝)
1.document.formName.item("itemName") 问题说明:IE下,可以使用document.formName.item("itemName&qu ...
html表格整体左移动,js操作table统制tr jquery 两个table左右移动
js操作table控制tr jquery 两个table左右移动一.关于动态操作select的问题: ------------------------------------------------ ...
Javascript操作table,tr,td和表格CSS样式设置小常识
效果良好的表属性设置: <table cellSpacing="0" cellPadding="0" border='1' bordercolor=&qu ...
javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)
http://www.jb51.net/article/44476.htm 本篇文章主要介绍了javascript操作table(insertRow,deleteRow,insertCell,dele ...
【数据库基础知识二】数据库DataBase(简称DB）,数据库基本概念、DDL:数据定义语言,用来操作数据库对象、DML:数据操作语言,用来操作表中的数据
14天阅读挑战赛目录数据库基本概念数据库DataBase(简称DB) 数据库管理系统Database management system(简称DBMS) 如何操作DBMS? 连接数据库的方式: ...
运用js动态操作table(新增，删除相关列信息)
1.取得table对象 var objTable=document.getElementById( "tb_visitor" ); 2.新增一行 var objTempR ...

ie和firefox操作table对象的异同

ie和firefox操作table对象的异同相关推荐

最新文章

热门文章