1. 程式人生 > 其它 >ie9不支援table的innerHtml,ie9下vue中v-html對table無效

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及以上支援。

補充原因:

TheinnerHTMLproperty is read-only on thecol,colGroup,frameSet,html,head,style,table,tBody,tFoot,tHead,title, andtrobjects

========================

以下是搜的網上的:

在高版本的瀏覽器,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);