IE8及以下版本不支持 javascript 的table标签的innerHTML 改用div标签

青旅半醒 2022-06-14 02:18 296阅读 0赞 
  1. //IE8及以下版本不支持 javascript 的table标签的innerHTML  改用div标签
  4. //引起异常
  5. html:
  6. <table>
  7.   <thead > 
  8.       <tr>
  9.         <td>标题</td>
  10.       </tr>
  11.   </thead> 
  12.   <tbody>
  13.       <tr id="tbody" >
  14.       </tr>
  15.   </tbody>
  16. </table>
  19. javascript:
  20. $("#tbody")[0].innerHTML = "<td>内容</td>";  
  21. //IE8及以下版本报错   
  26. //改进写法
  27. html:
  28. <div id="tDiv"><div>
  31. javascript:
  32. var  str = "<td>内容</td>";
  33. var tablestr = "<table>"
  34.     +"<thead ><tr><td>标题</td></tr></thead>"
  35.     +"<tbody><tr>"+ str + "</tr></tbody>"
  36.     +"</table>"; 
  38. $("#tDiv")[0].innerHTML = tablestr;

//说明：为了兼容IE8以下版本 需要拼写整个TABLE标签 在放入div中

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzE2OTk4OTQ1_size_16_color_FFFFFF_t_70

发表评论

表情：
评论列表 （有 0 条评论，296人围观）

还没有评论，来说两句吧...

相关阅读