很抱歉,我无法为我的问题找到合适的标题。 我写了一个简单的网页和一些 Javascript 来插入表行和删除它。现在我的问题是当我删除最后插入的行时,第一个表格行宽度的第二个单元格在 IE6 中变为零。任何人都可以给我一些建议吗?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function deleteRow(r)
{
var i=r.parentNode.parentNode.rowIndex;
document.getElementById('myTable').deleteRow(i);
}
function insertRowInTable(){
var table = document.getElementById("myTable");
var lastRow = table.rows.length;
var newRow = table.insertRow(lastRow);
var i=0;
for(;i<9;i++){
var td = newRow.insertCell(-1);
td.innerHTML = ""+i;
}
newRow.insertCell(-1).innerHTML = "<input type='button' value='Delete"+newRow.rowIndex+"' onclick='deleteRow(this)'>";
}
</script>
</head>
<BODY><TABLE id=myTable width=450 border=1>
<TBODY>
<TR width="450">
<TD width=225 colSpan=7>Row 3</TD>
<TD width=225 colSpan=3><INPUT onclick=insertRowInTable(); type=button value=insert></TD></TR></TBODY></TABLE></BODY>
</html>
最佳答案
只需按以下方式为表格“table-layout:fixed”使用内联样式
<TABLE id=myTable width=450 border=1 style="table-layout:fixed"><TBODY><TR width="450"> <TD width=225 colSpan=7>Row 3</TD> <TD width=225 colSpan=3><INPUT onclick=insertRowInTable(); type=button value=insert></TD></TR></TBODY></TABLE>
它会为你工作。
谢谢。
关于javascript - 当删除最后一个插入表行时,第一个表行的第二个单元格的宽度变为0,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2129861/