Javascript 如何在文本属性中使用href？

我正在使用文本属性在我的网站上显示文本。 单击时，如何使文本重定向到站点

这就是我现在拥有的

<div class="text abc" data-text="abc">
    abc
</div>

abc

我试过以下方法

  <div class="text abc" data-text="<b href='https://www.google.com'>abc</b>">
    abc
  </div>

abc

---

但这也会将“href”变成文本，它实际上不会做它应该做的事情。（将我重定向到谷歌）

你应该使用锚，这是制作链接的常用方法

---

你应该使用锚点，这是制作链接的常用方法

---

您需要使用锚元素

  <div class="text abc">
    <a href='https://www.google.com'>abc</a>
  </div>

---

您需要使用锚元素

  <div class="text abc">
    <a href='https://www.google.com'>abc</a>
  </div>

---

尝试使用锚定标记

：

---

尝试使用锚定标记

：

---

使用javascript从您的

数据文本

属性使用锚定标记打开链接：

我很难理解您在这里试图实现的目标。普通的

有什么问题，这与数据属性有什么关系？@deceze我认为他是一个neophyte@axel否则他们肯定不会在这里。但我希望，采用这种方法背后还是有一些道理的。使用javascript打开

数据文本的链接
属性使用锚定标记：
我很难理解您在这里试图实现的目标。普通的
有什么问题，这与数据属性有什么关系？@deceze我认为他是一个neophyte@axel否则他们肯定不会在这里。但我希望采取这种方法背后还是有一些道理的。谢谢。这是可行的，但它添加了下划线，有没有办法阻止它这样做？你可以使用CSS来设置超链接的样式，任何你喜欢的方式。我建议你查一个基本的CSS教程。设置超链接样式通常是最早使用的示例之一。例如，删除行是CSS规则：
文本装饰：无谢谢。这是可行的，但它添加了下划线，有没有办法阻止它这样做？你可以使用CSS来设置超链接的样式，任何你喜欢的方式。我建议你查一个基本的CSS教程。设置超链接样式通常是最早使用的示例之一。例如，删除行是CSS规则：
文本装饰：无
<div class="text abc" data-text="abc">
    <a class="no-underline" href='https://www.google.com'>abs</a>
</div>

.no-underline a {
    color: #FFFFFF;
    text-decoration: none;
}