ie和FF 在insertRow和insertCell的区别

来源：互联网发布：qq数据库.7z.001 编辑：程序博客网时间：2024/05/01 06:46

在ie和FF中 insertRow和insertCell有着一个小小的区别，

有ie中可以这样调用：

var bgame_table = document.getElementById('game_table');
nowTR = bgame_table.insertRow();

nowTD = nowTR.insertCell();

但在ff中，上面这样调用就会报错了：

FF和ie都可以这要调用：

var bgame_table = document.getElementById('game_table');
nowTR = bgame_table.insertRow(-1);

nowTD = nowTR.insertCell(-1);

-1代表什么意思呢？

原来-1代表：插入(行)单元格到 cells(rows) 集合内的最后一个。

ie默认值了-1,但FF就没有默认值的。

所以为了兼容性好，我建议大家都是加上-1

例子：

<html>
<script>
function testinsert(){
var bgame_table = document.getElementById('game_table');
nowTR = bgame_table.insertRow(-1);
with(nowTR){
nowTD = insertCell(-1);

nowTD.className = 'b_hline';
nowTD.innerHTML ="00聯盟";

nowTD = nowTR.insertCell(-1);
nowTD.align = 'left';
nowTD.innerHTML ="1111a---队 b 队了";

nowTD = nowTR.insertCell(-1);

nowTD.align = 'left';
nowTD.innerHTML ="222 b 队了";

nowTD = nowTR.insertCell(-1);

nowTD.innerHTML ="3333a---队了";

nowTD = nowTR.insertCell(-1);

nowTD.innerHTML ="4444a---队了";

}

nowTR2 = bgame_table.insertRow(-1);
with(nowTR2){
nowTD = insertCell(-1);

nowTD.className = 'b_hline';
nowTD.innerHTML ="00聯盟";

nowTD = nowTR2.insertCell(-1);
nowTD.align = 'left';
nowTD.innerHTML ="1111a---队 b 队了";

nowTD = nowTR2.insertCell(-1);

nowTD.align = 'left';
nowTD.innerHTML ="222 b 队了";

nowTD = nowTR2.insertCell(-1);

nowTD.innerHTML ="3333a---队了";

nowTD = nowTR2.insertCell(-1);

nowTD.innerHTML ="4444a---队了";

}
}
</script>
<body onload="testinsert()">
<table id="game_table" width="526" border="0" cellspacing="1" cellpadding="0" class="b_tab" >
<tr class="b_tline_fu">
<td width="40" >時間</td>
<td width="200">主客a</td>

<td width="110" nowrap>foot</td>
<td width="110" nowrap>大小</td>
<td width="50">單雙</td>
</tr>
</table>
</body>

</html>