我本來是寫一個表格的動態增加和刪除行，在谷歌瀏覽器上正常的代碼，在IE8上面就要報錯。調試之后我發現IE8這個雖然appendChild成功顯示了，但是表格的行數還是沒變，太奇怪了<!DOCTYPE?html>
<html>
<head>
????<title>原鑒定情況</title>
????<meta?charset="UTF-8"/>
????<script?type="text/javascript">
function?updatePage(){
var?buttons?=?document.getElementsByName("isHave");
for(var?i=0;i<buttons.length;i++){
if(buttons[i].checked?&&?buttons[i].value?==?"無"){
document.getElementById("oldResult").style.display?=?"none";
}else?if(buttons[i].checked?&&?buttons[i].value?==?"有"){
document.getElementById("oldResult").style.display?=?"block";
}
}
????
}
function?addTableRow(tableId)?{
var?table?=?document.getElementById(tableId);
var?tr?=?table.rows[table.rows.length-1].cloneNode(true);
????table.appendChild(tr);
}
function?del()?{
????var?oldTable?=?document.getElementById("oldResult");
????var?checks?=?document.getElementsByName("selected");
????????for?(var?i?=?checks.length-1;?i?>?0;?i--)?{
????????if?(checks[i].checked)?{
????????????oldTable.deleteRow(i+1);
????????????}
????}
????}
????</script>
</head>
<body>
????<table>
????????<tr>
????????????<td>原鑒定情況</td>
????????<td>
????????<input?type="radio"?name="isHave"?value="無"?onclick="updatePage()"?checked="checked"/><label>無</label>
????????<input?type="radio"?name="isHave"?value="有"?onclick="updatePage()"?/><label>有</label>
????????????<table?id="oldResult"?style="display:none">
????????????<tr>
????????????<td?colspan="5"?align="right">
????????????????????????????<input?type="button"?value="增加"?onclick="addTableRow('oldResult')"?/>
????????????????????????????<input?type="button"?value="刪除"?onclick="del()"?/>
????????????</td>
????????????</tr>
????????????????????<tr>
????????????<td><input?type="checkbox"?name="selected"?class="ckeck"/></td>
????????????<td>原鑒定機構</td>
????????????<td>原鑒定時間</td>
????????????<td>原鑒定結論</td>
????????????<td>鑒定書附件</td>
????????????????????</tr>
????????????<tr>
????????<td>
????????<input?type="checkbox"?name="selected"?class="ckeck"/>
</td>
????????<td>
????????<select?name="oranization">
????????<option?value="省">省級物證鑒定中心</option>
????????????<option?value="市">市級物證鑒定所</option>
????????????<option?value="縣">縣級物證鑒定技術室</option>
????????????<option?value="社">社會司法鑒定機構</option>
????????</select>
</td>
????????<td>
????????<input?type="text"?name="time"/>
</td>
????????<td>
<input?type="text"?name="result"/>
</td>
????????<td>
????????<input?type="button"?value="上傳"?/>
????????</td>
????????????????????</tr>
????????????????</table>
????????????</td>
????????</tr>
????</table>
</body>
</html>
IE8這個appendChild()難道和別的瀏覽器不一樣？
我吃炸土豆
2016-06-19 01:24:56
