为什么insertAdjacentHTML将HTML转换为对象

Question

编译注入指令但将其插入DOM不起作用。 有任何想法吗？

_testHeader = $compile(ABHeaderTemplate)($scope);

_testHeader现在等于[<header class="ng-scope">..</header>]

抓住索引，使它不是一个数组。

_testHeader[0]返回<header class="ng-scope">..</header>

然后尝试将其插入DOM

document.body.children[0].insertAdjacentHTML("afterbegin", _testHeader[0]);

返回"[object HTMLElement]"

我尝试过使用append（无效），我在加载时编译模板并通过事件触发追加。 不知道发生了什么事。

Answer 1

insertAdjacentHTML插入HTML字符串。 您需要appendChild或在您的情况下insertBefore因为您想要将新内容添加到正文中：

document.body.insertBefore(_testHeader[0], document.body.children[0]);