ie9不支持table的innerHtml,ie9下vue中v-html对table无效
<table style="font-size:14px;text-align:left;" v-html="noticeTag"></table>
data中:noticeTag:"<tr><td>一、实时实地好吃从农村的豆浆机打电脑纳豆奶奶。<\/td><\/tr><tr><td>二、的近似的计算的积分积分聚四氟is就·大祭司倒计时到家。<\/td><\/tr><tr><td>三、十几家思安吉斯安吉斯案件赛。<\/td><\/tr>",
在ie9下显示不出来。ie10及以上支持。
补充原因:
The innerHTML property is read-only on the col, colGroup, frameSet, html, head, style, table, tBody, tFoot, tHead, title, and tr objects
========================
以下是搜的网上的:
在高版本的浏览器,innerHTML就如正常时候,里面可以套任何字符串,但是在ie9下,innerHTML不能是table ,tr td等标签字符串,解决方法如下:
在table添加一个tr
var trinit = document.createElement("tr");
var divinit = document.createElement("div");
divinit.innerHTML = trCode;
trinit.setAttribute('class', 'trinit');
tbody.appendChild(trinit);
var trinitDom = tbody.querySelector(".trinit");
tbody.replaceChild(divinit.querySelector("tr"), trinitDom);