zoukankan      html  css  js  c++  java
  • 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);

  • 相关阅读:
    [HDU6793] Tokitsukaze and Colorful Tree
    [NOI2020]命运
    [NOI2020]美食家
    模拟9
    晚测2
    模拟8
    联考4
    模拟7
    模拟6
    关于数论
  • 原文地址:https://www.cnblogs.com/wulinzi/p/15186576.html
Copyright © 2011-2022 走看看