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

Question

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

未捕获的类型错误：无法读取 null 的属性“outerHTML”。

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

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

<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 添加 a 来修复它。 现在是这样写的：

<body><h1>my text here</h1></body>

当我单击弹出框时，java 控制台中不再出现错误。 谢谢

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

问题描述

1 个解决方案

解决方案1
0 2017-10-11 13:36:14

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

问题描述

1 个解决方案

解决方案1 0 2017-10-11 13:36:14

解决方案1
0 2017-10-11 13:36:14