var tbObj=document.createElement('table'); var tbRow=document.createElement('tr'); var tbCell=document.createElement('td');===>var tbObj=document.createElement('table'); var tbRow=tbObj.insertRow(); var tbCell=tbRow.insertCell();//不需要后面两个appendChild
Try this:<table ID="Table1"> <tr> <td><div id="div1"></div></td> </tr> </table> <input type="button" onclick="btclick()" value="111" ID="Button1" NAME="Button1"> <!--input type="text" id="txt1"--> <script language="javascript"> function btclick() { var tbObj=document.createElement('table'); tbObj.setAttribute("border","1px"); tbObj.setAttribute("id","tb1"); var tbRow=document.createElement('tr'); var tbCell=document.createElement('td'); tbCell.innerText='111'; tbRow.appendChild(tbCell); tbObj.appendChild(tbRow); document.getElementById('div1').appendChild(tbObj); document.getElementById('div1').innerHTML=document.getElementById('tb1').outerHTML; } </script>
var tbRow=document.createElement('tr');
var tbCell=document.createElement('td');===>var tbObj=document.createElement('table');
var tbRow=tbObj.insertRow();
var tbCell=tbRow.insertCell();//不需要后面两个appendChild
<tr>
<td><div id="div1"></div></td>
</tr>
</table>
<input type="button" onclick="btclick()" value="111" ID="Button1" NAME="Button1">
<!--input type="text" id="txt1"-->
<script language="javascript">
function btclick()
{
var tbObj=document.createElement('table');
tbObj.setAttribute("border","1px");
tbObj.setAttribute("id","tb1");
var tbRow=document.createElement('tr');
var tbCell=document.createElement('td');
tbCell.innerText='111';
tbRow.appendChild(tbCell);
tbObj.appendChild(tbRow);
document.getElementById('div1').appendChild(tbObj);
document.getElementById('div1').innerHTML=document.getElementById('tb1').outerHTML;
}
</script>