用于 Internet Explorer 的 Polyfill

Question

我在我的项目中使用 Tagify，它在 chrome 中工作。现在我希望它也能在 IE9 中工作。所以我添加了插件提供的 polyfill，但它在 tagify.min.js 中为这一行显示错误：

parseHTML:function(t){return(new DOMParser).parseFromString(t.trim(),"text/html").body.firstElementChild}

如有任何指点，我将不胜感激。下面是代码：

<script type="text/javascript" src="js/tagify/tagify.min.js"></script>
<script type="text/javascript" src="js/tagify/tagify.polyfills.min.js"></script>
...
<input style="width: 200px;" name="txtFormPickup"/> 
...
var inputElm = document.querySelector('input[name=txtFormPickup]');
var tagify = new Tagify(inputElm, {});
tagify.addTags([{value:"banana", color:"yellow"}, {value:"apple", color:"red"}, {value:"watermelon", color:"green"}]);

Answer 1

我已经测试了示例代码，它看起来只适用于 IE 10 和 IE 11 版本。

代码：

<!doctype html>
<html>
   <head>
      <script src="https://cdn.jsdelivr.net/npm/@yaireo/tagify/dist/tagify.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/@yaireo/tagify/dist/tagify.polyfills.min.js"></script>
      <link href="https://cdn.jsdelivr.net/npm/@yaireo/tagify/dist/tagify.css" rel="stylesheet" type="text/css" />
   </head>
   <body>
      <input style="width: 200px;" name="txtFormPickup"/> 
      <script>
         var inputElm = document.querySelector('input[name=txtFormPickup]');
         var tagify = new Tagify(inputElm, {});
         tagify.addTags([{value:"banana", color:"yellow"}, {value:"apple", color:"red"}, {value:"watermelon", color:"green"}]);
      </script>
   </body>
</html>

IE 11 中不同文档模式的输出：

在Tagify的文档中，他们没有明确提到他们的polyfill可以在哪个版本的IE上工作。因此，我建议您改用 IE 11 浏览器，这可能有助于解决问题。

IE 9版本太旧，不在微软支持范围内

用于 Internet Explorer 的 Polyfill

Polyfill for Internet explorer

javascript

internet-explorer

polyfills