时间戳

首页 > 解决方案 > 如何将 span 标签中的数据动态添加到 href 标签中

javascript - 如何将 span 标签中的数据动态添加到 href 标签中

问题描述

我认为这可能有一个我想念的简单答案。以下标签将电视节目名称插入我网站上的任何页面：

<span class="show-title"></span>

我想要做的是将该数据动态合并到 HREF URL 链接中。

所以，让我们在我所在的页面上说：产生了结果：GOTHAM。

然后，我想使用该数据创建此网址： https://en.wikipedia.org/wiki/GOTHAM_(TV_series)

所以我正在尝试类似的东西：

<a href="https://en.wikipedia.org/wiki/<span class="show-title"></span>_(TV_series)"> Link</a>

或者

<a href="https://en.wikipedia.org/wiki/" <span class='show-title'></span> _(TV_series)"> Link </a>

没有任何工作 - 任何帮助都会很棒。谢谢！

标签： javascripthtml

解决方案

你可以这样做：

在 HTML 中

<a class="wikipedia-link">Link</a>

还有你的 JavaScript 函数：

setLink(showTitle) {
  var link = document.getElementsByClassName("wikipedia-link");
  link.setAttribute("href", "https://en.wikipedia.org/wiki/" + showTitle + "_(TV_series)");
}

推荐阅读