在ie和FF中 insertRow和insertCell有着一个小小的区别,
有ie中可以这样调用:
var bgame_table = document.getElementById('game_table');
nowTR = bgame_table.insertRow();
nowTR = bgame_table.insertRow();
nowTD = nowTR.insertCell();
但在ff中,上面这样调用就会报错了:
FF和ie都可以这要调用:
var bgame_table = document.getElementById('game_table');
nowTR = bgame_table.insertRow(-1);
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);
<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.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.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.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.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="40">suyi</td>-->
<td width="110" nowrap>foot</td>
<td width="110" nowrap>大小</td>
<td width="50">單雙</td>
</tr>
</table>
</body>
}
</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="40">suyi</td>-->
<td width="110" nowrap>foot</td>
<td width="110" nowrap>大小</td>
<td width="50">單雙</td>
</tr>
</table>
</body>
</html>