Javascript 如何将一段文本转换为链接？

我想知道是否有可能将一段文本“转换”为链接

例如：

我有一个标签，上面写着：“通过接受我们的条款和条件，您将能够访问调查（阅读更多内容）”

我想阅读更多成为一个链接，这样它就可以点击了。 这在标签（或文本字段）中是否可能

---

提前谢谢

您可以在标签中执行此操作，但不能在输入字段中执行

<form>
  <label for="textbox">By accepting our terms and conditions you will be able to access the survey <a href="http://www.mylink.com">(Read More)</a></label>
  <input type="text" name="textbox"/>
</form>

通过接受我们的条款和条件，您将能够访问调查

您可以在标签中执行此操作，但不能在输入字段中执行

<form>
  <label for="textbox">By accepting our terms and conditions you will be able to access the survey <a href="http://www.mylink.com">(Read More)</a></label>
  <input type="text" name="textbox"/>
</form>

通过接受我们的条款和条件，您将能够访问调查

您可以捕获标签中的html并对其进行转换。 正如其他人所评论的，您可以为

标签

执行此操作，但不能在文本

输入

字段中执行此操作

假设jquery位于前端，则会是这样的

let h = $('label#your-id").html();
h = h.replace('(Read More)','<a href="#">(Read More)</a>');
$('label#your-id').html(h);

---

您可以捕获标签中的html并对其进行转换。 正如其他人所评论的，您可以为

标签

执行此操作，但不能在文本

输入

字段中执行此操作

假设jquery位于前端，则会是这样的

let h = $('label#your-id").html();
h = h.replace('(Read More)','<a href="#">(Read More)</a>');
$('label#your-id').html(h);

---

由于您已经在使用UI5框架，因此可以使用支持文本内链接的可用控件，例如启用格式化文本

演示

sap.ui.getCore（）.attachInit（（）=>sap.ui.require([
“sap/m/FormattedText”，
“sap/m/MessageStrip”，
]，函数（格式化文本，消息条）{
新格式化文本({
htmlText:getFormattedText（）
}).addStyleClass（“SaputinyMargin”）.placeAt（“内容”）；
新消息条({
enableFormattedText:true，
showIcon：没错，
text:getFormattedText（），
}).addStyleClass（“SaputinyMargin”）.placeAt（“内容”）；
函数getFormattedText（）{
return“通过接受我们的条款和条件，您将能够访问调查”；
}
}));

窗口[“sap ui配置”]={
libs：“sap.m，sap.ui.core”，
预加载：“异步”，
主题：“萨普·伯利兹”，
兼容版本：“边缘”，
“xx waitForTheme”：对，
“xx异步”：true，
}
因为您已经在使用UI5框架，所以可以使用支持文本内链接的可用控件，例如启用了格式化文本的控件

演示

sap.ui.getCore（）.attachInit（（）=>sap.ui.require([
“sap/m/FormattedText”，
“sap/m/MessageStrip”，
]，函数（格式化文本，消息条）{
新格式化文本({
htmlText:getFormattedText（）
}).addStyleClass（“SaputinyMargin”）.placeAt（“内容”）；
新消息条({
enableFormattedText:true，
showIcon：没错，
text:getFormattedText（），
}).addStyleClass（“SaputinyMargin”）.placeAt（“内容”）；
函数getFormattedText（）{
return“通过接受我们的条款和条件，您将能够访问调查”；
}
}));

窗口[“sap ui配置”]={
libs：“sap.m，sap.ui.core”，
预加载：“异步”，
主题：“萨普·伯利兹”，
兼容版本：“边缘”，
“xx waitForTheme”：对，
“xx异步”：true，
}
处理此类情况的最佳方法是使用。只需添加：


处理此类情况的最佳方法是使用。只需添加：



< /代码>如果使用UI5，请考虑直接替代DOM。如果使用UI5，请考虑直接替代DOM。