如何将html元素放在时态文字表达中

问题描述

let word = "kemal"

let test = document.createElement("div");
test.innerText = `lorem la la bla bla "${<strong>word</strong>}"`;
document.querySelector("body").appendChild(test);

我想将粗体字体设置为word变量。但是我有一个错误。如何在颞侧内侧使用HTML元素？

解决方法

您要使用innerHTML而不是innerText。

test.innerHTML = "lorem la la bla bla <strong>word</strong>";

示例：

let test = document.createElement("div");
test.innerHTML = "lorem la la bla bla <strong>word</strong>";
document.querySelector("body").appendChild(test);

如果要用变量替换word：

test.innerHTML = `lorem la la bla bla <strong>${word}</strong>`;

示例：

let word = "Some Word";
let test = document.createElement("div");
test.innerHTML = `lorem la la bla bla <strong>${word}</strong>`;
document.querySelector("body").appendChild(test);