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

heavensonic 2008-08-01 11:50:16

<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>";
//td.innerText="111";
}
</script>

代码如上，由于是手敲的，可能有些词语打错了，见谅。
我用innerHtml时，追加的行很小，文字也没显示出来。
而用innerText时就很清楚地表示出来了。
怎么会这样？
由于动态追加的行里要添加图片、链接等，肯定不能用innerText,
innerHtml这个现象怎么解决？

...全文

933 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

heavensonic 2008-08-01

打赏
举报

oh,my god.

leosming 2008-08-01

打赏
举报

leosming 2008-08-01

打赏
举报

feng8008 2008-08-01

打赏
举报



<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>

s_liangchao1s 2008-08-01

打赏
举报



<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>