Question

我有一个Bootstrap popover脚本，当我点击按钮时会在java控制台中返回错误。因此按钮显示正常，当我点击它时，我可以看到弹出窗口链接到的html文件的内容，但它会触发在控制台中出现两次错误的错误：

未捕获的TypeError：无法读取null的属性“outerHTML”。

我尝试用outerHTML替换innerHTML，但这没有帮助。

任何想法如何解决这个问题？

<button type="button" data-templatefile="Text.html" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="top" style='float:right;margin-right:50px'>
  My popover button
</button>

<script>
  function loadContent(templateFile) {
    return $('<div>').load(templateFile, function(html) {
      parser = new DOMParser();
      doc = parser.parseFromString(html, "text/html");
      return doc.querySelector('h1').outerHTML + doc.querySelector('body').outerHTML;
    })
  }
  $('[data-toggle="popover"]').popover({
    html : true,
    content : function() {
      return loadContent($(this).data('templatefile'))
    }
  });
</script>

Answer 1

实际上，我已经通过添加一个包含弹出窗口内容的链接html来修复它。它现在写着：

description

当我点击popover时，java控制台中不再出现错误。感谢

如何修复未捕获的TypeError：无法读取null的属性“outerHTML”

1 个答案: