在 Angular 中打印 [object HTMLElement]

Posted 2023-02-23

【中文标题】在 Angular 中打印 [object HTMLElement]

【英文标题】：Print [object HTMLElement] in Angular

【发布时间】：2018-02-28 04:53:17

【问题描述】：

假设我想打印一个我用 html 语法动态创建的变量。在我的 HTML 中，我想打印新的 HTML，但我不知道如何。

如果我在 HTML 中打印变量，它会像文本一样打印它。

这是我要打印的 HTML：

this.content = this.elementRef.nativeElement.querySelectorAll('sys-tab-content');

但是如果我打印这个：

<div>
  content[0]
</div>

它只会打印文本而不是像 HTML

编辑 我只想在我的 HTML 中打印这个对象，就像它一样。但是当我打印它时，它只是打印我告诉你的内容：[object HTMLElement]

有没有办法打印这些元素，我知道它不是 HTML 而是组件。

i

【参考方案1】：

你可能想要一个

content && content[0].innerText
content && content[0].innerHTML

【讨论】：

当我 console.log 内容 [0] 有我想要打印的内容，而当我放置 innertext 或 innerhtml 时，它不会打印所有内容

这取决于你的代码在哪里。检查浏览器控制台中是否出现错误。我更新了我的答案，以便在尚未设置 content 时不会导致错误。如果构造函数中有代码，请将其移至ngAfterViewInit()

内容已设置。当我打印内容 [0] 时，它会打印 [object HTMLElement] ...我按照您告诉我的方式更改了打印，但它仍然打印所有 HTML，但打印为文本

***.com/questions/31548311/angular-2-html-binding/…

最近有很多奇怪的问题。所以我同意很难预测他的想法