是否可以将元素的 textContent 分配为 JS 中的 HTML 代码？答案

【问题标题】：is it possible to assign the textContent of an element to be HTML code in JS?是否可以将元素的 textContent 分配为 JS 中的 HTML 代码？
【发布时间】：2019-02-24 03:09:10
【问题描述】：

我知道您可以定期使用反引号来执行此操作，但是您可以连接这些反引号吗？

例如，会

let bar = 42;
let foo = document.createElement("div");
foo.innerHTML = `<div> this number is ` + bar + ` </div>`;

成为..

<div> this number is 42 </div>

如果没有，还有其他方法可以做到这一点吗？我正在尝试使用仅在我的 JS 文件中的 textContent 创建元素

【问题讨论】：

它们最终只是字符串，所以可以。
Put a Javascript variable into a innerHTML code的可能重复
其实模板字面量可以插值：text text ${expression} text等价于"text text "+expression+" text"
zer00ne 是正确的
@keurig 见stackoverflow.com/help/someone-answers

标签： javascript html css

【解决方案1】：

反引号旨在让您更轻松地组合字符串。例如，

`This is a variable: ${testVariable}`;

和

是一样的

"This is a variable: " + testVariable;

在你的情况下，两者都会产生一个字符串，所以你可以使用它们来创建元素。

【讨论】：

@keurig 没问题。如果它对您有用，请接受答案，让其他人知道它也有效。
如果双引号更容易编写并且不需要大括号和美元（保持简单），为什么在这里使用反引号。另一方面，不需要plus，所以我明白了。
@Timo 对于字符串末尾的一个变量，反引号并不是必需的，但我通常使用反引号，因为它可以更容易地将变量包含在字符串中，并且还允许您在字符串中使用单引号和双引号。