Table 动态追加行列，td.innerHtml追加的的列怎么显示不了？

Question

<table id="sale1" width="131" border="0" cellspacing="0" cellpadding="0"> 
    
</table> 
<input type="button" id="btnAdd" onclick="addrow();"> <script language="javascript"> 
    function addrow() 
    { 
        var tb=document.getElementById("sale1"); 
        var tr=tb.insertRow(); 
        var td=tr.insertCell(); 
        td.innerHTML=" <td>1111 </td>"; //大小写innerHTML
        //td.innerText="111"; 
    } 
</script> 

Answer 1

<table id="sale1" width="131" border="0" cellspacing="0" cellpadding="0"> 
    
</table> 
<input type="button" id="btnAdd" onclick="addrow();"> <script language="javascript"> 
    function addrow() 
    { 
        var tb=document.getElementById("sale1"); 
        var tr=tb.insertRow(); 
        var td=tr.insertCell(); 
        td.innerHTML="1111"; 
    } 
</script> 

Answer 2

<table id="sale1" width="131" border="0" cellspacing="0" cellpadding="0"> 
    
</table> 
<input type="button" id="btnAdd" onclick="addrow();"> <script language="javascript"> 
    function addrow() 
    { 
        var tb=document.getElementById("sale1"); 
        var tr=tb.insertRow(); 
        var td=tr.insertCell(); 
        td.innerHTML=" <td>1111 </td>"; //大小写innerHTML
        //td.innerText="111"; 
    } 
</script> 

Answer 3

<table id="sale1" width="131" border="0" cellspacing="0" cellpadding="0"> 
    
</table> 
<input type="button" id="btnAdd" onclick="addrow();"> <script language="javascript"> 
    function addrow() 
    { 
        var tb=document.getElementById("sale1"); 
        var tr=tb.insertRow(); 
        var td=tr.insertCell(); 
        td.innerHTML=" <td>1111 </td>"; //大小写innerHTML
        //td.innerText="111"; 
    } 
</script>