Javascript jquery:仅渲染<；A>；标记并保持其他人不变

如果我有一个包含普通文本、html代码和链接的文本，那么我只想呈现给定

div中的
a
标记

其他标记应显示为给定

div中的标记

e、 g

//预期输出：HTML代码链接
$（“#d1”）。附加（“HTML代码”）；
//预期输出：HTML代码xyz
$（“#d2”）。追加（“HTML代码xyz”；
//预期输出：HTML代码链接
$（“#d3”）.text（“HTML代码”）；

或者，再举一个例子，假设我有一个文本

您好，谢谢

我想要像这样的输出

你好，这里是链接谢谢

---

我该怎么做呢

您可以尝试附加文本节点而不是字符串-使用

$（“#d2”）.append（document.createTextNode（“HTML代码xyz”））；

---

演示：

尝试用

.text（）

和

.append（）

链接jQuery，方法如下：

// expected output: <h1>HTML CODE</h1> link
$("#d3").text("<h1>HTML CODE</h1>").append("<a href=''>link</a>");

//预期输出：HTML代码链接
$（“#d3”）.text（“HTML代码”）.append（“”）；

---

因为

.text（）

将html字符串作为textnode推送，所以链接不会附加为链接。你必须附加它。

它是相同的

文本

对吗？但我的问题是，我只想避免使用html标记，而不是

a

给定的文本

hjhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh。你将如何呈现这个？
$("#d2").append(document.createTextNode("<h1>HTML CODE</h1> <strong>xyz</strong>"));

// expected output: <h1>HTML CODE</h1> link
$("#d3").text("<h1>HTML CODE</h1>").append("<a href=''>link</a>");