IE8及以下版本不支持 javascript 的table标签的innerHTML 改用div标签
  9OBEU3KXBjcR 2023年11月02日 40 0


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


//引起异常
html:
<table>
  <thead > 
      <tr>
		<td>标题</td>
      </tr>
  </thead> 
  <tbody>
      <tr id="tbody" >
      </tr>
  </tbody>
</table>


javascript:
$("#tbody")[0].innerHTML = "<td>内容</td>";  
//IE8及以下版本报错   




//改进写法
html:
<div id="tDiv"><div>


javascript:
var  str = "<td>内容</td>";
var tablestr = "<table>"
	+"<thead ><tr><td>标题</td></tr></thead>"
	+"<tbody><tr>"+ str + "</tr></tbody>"
	+"</table>"; 

$("#tDiv")[0].innerHTML = tablestr;

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

 

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

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
  DJsdk34H4Gbu   2023年11月02日   109   0   0 javascript
9OBEU3KXBjcR