Question

在我的网页中有几个链接具有相同的 HREF 值，这个值每天都会改变，我不想更改链接的所有值（轻松 20）。我的问题是：有没有办法将值存储在 HTML 代码中的一个变量中，并使所有链接从该值中获取它们的 HREF？我知道它可以在 javascript 中完成，那么正确的脚本是什么，我是否必须将它放在 onload 事件中？在我用来更改与变量的所有链接的脚本下方；

<span style="display:none" id="dynamiclink" data-alink="http://www.google.com"></span>
<a href="#" id="link1">Link 1</a>
<a href="#" id="link2">Link 2</a>
<a href="#" id="link3">Link 3</a>

<script>
const spanlink = document.getElementById("dynamiclink");
const dynlink= spanlink.getAttribute("data-alink");
document.getElementById("link1").setAttribute("href",dynlink);
document.getElementById("link2").setAttribute("href",dynlink);
document.getElementById("link3").setAttribute("href",dynlink);
</script>

编辑，这是我的代码，所以更清楚我的问题是我可以用 HTML 来做到这一点，我的意思是 HTML 中有一种方法可以将元素属性作为 HREF 链接到变量，

再次感谢各位。

Answer 1

为所有链接指定相同的类并使用循环来设置它们。

const spanlink = document.getElementById("dynamiclink");
const dynlink= spanlink.getAttribute("data-alink");
document.querySelector(".alink").forEach(link => link.href = dynlink);

<span style="display:none" id="dynamiclink" data-alink="http://www.google.com"></span>
<a href="#" class="alink">Link 1</a>
<a href="#" class="alink">Link 2</a>
<a href="#" class="alink">Link 3</a>

链接 HREF 动态变量

1 个答案: