Question

我认为这可能是我所缺少的简单答案。以下标签将电视节目名称插入我网站上的任何页面：

<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>

什么都没用-任何帮助都会很棒。谢谢！

Answer 1

您可以执行以下操作：

在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)");
}

Answer 2

您使用的html是错误的。 span不应位于标签a内。里面没有标签。

如果结果在javascript变量中，则可以使用jquery设置网址。

$('a').attr('href', "https://en.wikipedia.org/wiki/" + result + "_(TV_series)");

result变量是您想要的结果。

Answer 3

尽管有更好的方法可以做到这一点，但我将在您提出的背景下回答这个问题：

首先，给url链接一个类或ID，这样您就可以使用JavaScript轻松选择它或在以后更改href值。另外，请勿尝试将span标记嵌套在a标记内的任何位置。放在外面。

<span class="show-title">GOTHAM</span>
<a href="#" class="show-wikipedia-link">Link</a>

接下来，在JavaScript文件或<script>标签中，定义变量：

var showTitle, showWikipediaLink, linkElement

然后，为新定义的变量赋值

linkElement = document.querySelector('.show-wikipedia-link');
showTitle = document.querySelector('.show-title').innerText;
showWikipediaLink = 'https://en.wikipedia.org/wiki/' + showTitle + '_(TV_series)';

最后，使用JavaScript将链接元素的href值更新为节目的Wikipedia链接：

linkElement.href = showWikipediaLink;

如何将数据从span标记动态添加到href标记

3 个答案: