How can I solve "TypeError: Object doesn't support property or method 'append'" in IE11?

Question

我的代码是这样的：

  setFooter () {
    if (!this.footer) {
      const div = document.createElement('div')
      let html
      html = "<span><div style='float:left; border-radius: 12px;'></div></span>" +
          "<span style='font-size:12px'>Available</span>"
      div.innerHTML = html
      document.querySelector('.v-date-picker-table').append(div)
      this.footer = true
    }
  }

我在 google 中进行了搜索，并获得了添加变量的参考。在我的代码中，我添加了变量。您可以看到 const 和 let。但为什么会存在错误呢？在 chrome 和 firefox 浏览器中，它有效

Answer 1

在 JavaScript DOM 中没有 append 方法。使用 appendChild 代替...这取决于您的 DOM 树

Answer 2

ParentNode.append() 方法在 IE 中不受支持，您可以在浏览器兼容性部分的 https://developer.mozilla.org/en-US/docs/Web/API/ParentNode/append 中阅读相关信息。

但在同一文档中有一个 Polyfill 可以查看

How can I solve "TypeError: Object doesn't support property or method 'append'" in IE11?

How can I solve "TypeError: Object doesn't support property or method 'append'" in IE11?

javascript

jquery

cross-browser

vue.js

vuetify.js