aloxc 2009-04-02 23:01
浏览 214
已采纳

为什么我使用jquery不能动态的插入表格行

如题,firefox下能加载进来,但是格式不正确,ie下能取到数据,但是没有显示出来,代码如下:
[code="html"]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">



message

<br> .cPointer<br> {<br> cursor:pointer;<br> cursor:hand;<br> background-color:#afa;<br> }<br> .button {<br> width: 100px;<br> text-align: center;<br> padding: 10px;<br> background-color: #fff;<br> border-top: 3px solid #888;<br> border-left: 3px solid #888;<br> border-bottom: 3px solid #444;<br> border-right: 3px solid #444;<br> }<br> .highlighted {<br> background-color: #dfd;<br> font-style: italic;<br> }<br> .hidden<br> {<br> display:none;<br> }<br> #objload{<br> border: 1px solid #CC3300;<br> background-color: #CC3300;<br> line-height:18px;<br> position: absolute;<br> height:20px;<br> left:10px;<br> top: 10px;<br> color:#c0c0c0;<br> text-align:center;<br> font-size:11.5px;<br> padding:4px;<br> margin:0 auto;<br><br> width:130px;<br> } </p> <p>.unnamed1 { font-size: 9pt}<br> .close1:link{TEXT-DECORATION: none} <br> .close1:visited {TEXT-DECORATION: none} <br> .close1:hover {TEXT-DECORATION: none}<br><br>
</p> <p>var scrolltop=function(){<br> return document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop;<br> };<br> var scrollleft=function(){<br> return document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft;<br> };<br> function o (){<br> _div1 = document.getElementById(&quot;objload&quot;);<br> initoffsetTop = (_div1.initoffsetTop)?_div1.initoffsetTop:_div1.offsetTop;<br> _div1.initoffsetTop = initoffsetTop;<br> _div1.style.top= scrolltop()+initoffsetTop+&quot;px&quot;;<br> }<br> $(document).ready(function(){<br><br> $(&quot;#loadData&quot;).click(function()<br> {<br> $(&quot;#objload&quot;).removeClass(&quot;hidden&quot;);<br> o();<br> $(&quot;#messageTable&quot;).slideUp(&quot;slow&quot;,function()<br> {<br> var $r = new Date();<br> $r = $r.getTime();<br> $.get(&quot;messagedata.xml?v=&quot;+$r,function(data)<br> {<br> $(data).find(&quot;entry&quot;).each(function()<br> {<br> var entry = $(this);<br> var $html= &#39;<TR>&#39;;<br><br> $html += &#39;<TD align=middle width=30 bgColor=#fffff4 height=17>&#39;;<br> $html += &#39;<TR><TD align=middle width=30 bgColor=#fffff4 height=17><P align=center><INPUT id=CHECKBOX type=checkbox value="'+entry.find('id').text()+'" name=messageIds></P></TD>&#39;;<br> $html += &#39;<TD align=middle width=80 bgColor=#fffff4 height=17><A href="/browse/ListWriter.asp?vwriter=username&amp;idwriter=336604&amp;key=509664532" target=_blank>&#39;+entry.find(&#39;fw&#39;).text()+&#39;</A></TD>&#39;;<br> $html += &#39;<TD align=middle width=80 bgColor=#fffff4 height=17><A href="/browse/ListWriter.asp?vwriter=用户服务&amp;idwriter=336604&amp;key=509664532" target=_blank>&#39;+entry.find(&#39;tw&#39;).text()+&#39;</A></TD>&#39;;<br> $html += &#39;<TD bgColor=#fffff4 height=17>&#39;+entry.find(&#39;msg&#39;).text()+&#39;</TD>&#39;;<br> $html += &#39;<TD align=middle width=110 bgColor=#fffff4 height=17>&#39;+entry.find(&#39;dtime&#39;).text()+&#39;</TD>&#39;;<br> $html += &#39;<TD align=middle width=40 bgColor=#fffff4 height=17><A href="Messages_collect.asp?id=68233195&amp;CollectFlag=0&amp;idwriter=336604&amp;key=509664532"><FONT color=red size=2>收藏</FONT></A></TD>&#39;;<br> $html += &#39;</TR>\n&#39;;<br> $(&quot;#messageTable &gt; tbody&quot;).append($html); </p> <pre><code> }); $(&quot;#messageTable&quot;).slideDown(&quot;slow&quot;,function(){$(&quot;#objload&quot;).addClass(&quot;hidden&quot;);}); }); }); }); }); &lt;/script&gt; </code></pre> <p></head><br> <body></p> <table width="100%" border="0" cellspacing="0" cellpadding="2" align="center" bgcolor="#FFFFFF"> <tr> <td> <div align="center"><input type="button" id="loadData" value="加载数据"></div> </td> </tr> </table> <FORM name=msgfrm method=post> <table border=0 width=100% cellspacing=1 cellpadding=3 height=73 align=center class=unnamed1 bgcolor=#6699cc id="messageTable"> <Thead> <TD align=middle width=30 bgColor=#eeefff height=17>操作</TD> <TD align=middle width=80 bgColor=#eeefff height=17>发送者</TD> <TD align=middle width=80 bgColor=#eeefff height=17>接收者</TD> <TD align=middle bgColor=#eeefff height=17>消息内容 </TD> <TD align=middle width=110 bgColor=#eeefff height=17>发送日期</TD> <TD align=middle width=40 bgColor=#eeefff height=17>收藏夹</TD></Thead> <TBODY id="messageBody"> </TBODY> </table> </form> <pre><code> &lt;div id=&quot;objload&quot; class=&quot;hidden&quot;&gt; 数据正在加载中... &lt;/div&gt; &lt;div id=&quot;dictionary&quot;&gt; &lt;/div&gt; </code></pre> <p></body><br> </html> </p> <p>[/code]</p> <p>[code=&quot;xml&quot;]<br> &lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?&gt;</p> <p><entries><br> <entry><br> <id>&lt;![CDATA[10896120]]&gt;</id><br> <dtime>&lt;![CDATA[2006-12-31 11:40:00]]&gt;</dtime><br> <itw>&lt;![CDATA[336604]]&gt;</itw><br> <tw>&lt;![CDATA[username]]&gt;</tw><br> <ifw>&lt;![CDATA[3774133]]&gt;</ifw><br> <fw>&lt;![CDATA[7y7y7y7y]]&gt;</fw><br> <tcf>&lt;![CDATA[0]]&gt;</tcf><br> <fcf>&lt;![CDATA[0]]&gt;</fcf><br> <msg>&lt;![CDATA[<img src=http://advertisement.tianya.cn/store/newyearlin.jpg border=0><font color=red><b>新年贺卡:</b>新年快乐,万事如意,</font>``。<font color=red>(数量 1,加168分)</font>]]&gt;</msg><br> </entry><br> <entry><br> <id>&lt;![CDATA[10285816]]&gt;</id><br> <dtime>&lt;![CDATA[2006-11-30 21:00:00]]&gt;</dtime><br> <itw>&lt;![CDATA[336604]]&gt;</itw><br> <tw>&lt;![CDATA[username]]&gt;</tw><br> <ifw>&lt;![CDATA[898464]]&gt;</ifw><br> <fw>&lt;![CDATA[物不平则鸣]]&gt;</fw><br> <tcf>&lt;![CDATA[0]]&gt;</tcf><br> <fcf>&lt;![CDATA[0]]&gt;</fcf><br> <msg>&lt;![CDATA[:)]]&gt;</msg><br> </entry><br> <entry><br> <id>&lt;![CDATA[10284959]]&gt;</id><br> <dtime>&lt;![CDATA[2006-11-30 20:07:00]]&gt;</dtime><br> <itw>&lt;![CDATA[2106905]]&gt;</itw><br> <tw>&lt;![CDATA[zc7238]]&gt;</tw><br> <ifw>&lt;![CDATA[336604]]&gt;</ifw><br> <fw>&lt;![CDATA[username]]&gt;</fw><br> <tcf>&lt;![CDATA[0]]&gt;</tcf><br> <fcf>&lt;![CDATA[0]]&gt;</fcf><br> <msg>&lt;![CDATA[兄弟还抽过吉庆?吉庆我抽过的多了去了,那时候高中的时候偷抽的]]&gt;</msg><br> </entry><br> </entries><br> [/code]</p>
  • 写回答

1条回答 默认 最新

  • Lucifer_can 2009-04-09 08:51
    关注

    lz 的方法肯定不能插入动态插入行的....
    不信你可以自己试试..

    [code="javascript"]
    ....

    document.getElementById('demo').innerHTML = '<tr><td>I'm the test data</td></tr>

    ....
    [/code]

    你看看这段能执行么,这个和你的等价.....

    table 中不允许直接用 innerHTML 插入的,select 标签中的 option 也一样..

    必须要构建行,然后构建列,逐行逐列的往中间插入...

    详细可以参考API

    www.gotapi.com 中间的 JavaScript.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥30 python代码,帮调试
  • ¥15 #MATLAB仿真#车辆换道路径规划
  • ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
  • ¥15 数据可视化Python
  • ¥15 要给毕业设计添加扫码登录的功能!!有偿
  • ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗?
  • ¥15 微信公众号自制会员卡没有收款渠道啊
  • ¥100 Jenkins自动化部署—悬赏100元
  • ¥15 关于#python#的问题:求帮写python代码
  • ¥20 MATLAB画图图形出现上下震荡的线条