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

posted @ 2021-08-25 19:04  仔行天下  阅读(166)  评论(0编辑  收藏  举报