Javascript 添加元素时避免html格式

我想使用下面的小函数向HTML DOM添加一个元素：

函数添加（）{
var text=“这是一个格式化的测试”
变量元素=”\
\
"
elem.innerHTML+=元素
}
添加（）；

到目前为止，我得到的是：

通过更改

text

属性，可以更改此元素上的文本。但是，HTML属性仍然是格式化的，而不仅仅是显示为纯文本。（在上面的示例中，“格式化”-单词变为粗体）`

如何在不大量更改“添加”函数的情况下避免这种文本格式

我无法将代码更改为

elem.innerText+=元素

---

因为这将杀死所有样式属性（如

背景色等）
理想情况下，您应该仅为
a
设置
内部文本
，并使用JavaScript将其附加到
元素


函数添加（）{
var innerText=“这是一个格式化的测试”
var a=document.createElement（'a'）；
a、 setAttribute（'href'，'#'）；
a、 innerText=innerText；
var element=“”
elem.innerHTML+=元素；
第二项要素（a）；
}
添加（）
到目前为止我得到了什么：

您可以尝试使用
xmp
标记


函数添加（）{
var innerText=“这是一个格式化的测试”
变量元素=”\
\
"
elem.innerHTML+=元素
}
添加（）
xmp{
显示：内联块；
}
'通过更改“innerText”-您显然没有这样做：
elem.innerHTML+=element
O.obe因为
elem.innerText
将杀死样式属性！这是关于“text”变量@andreasy的，你只需要在字符串中转义HTML。请看，您可以将类添加到
a
以添加样式我不想添加样式，我想避免XMP标记正在更改这些样式！