Link HREF 动态变量

Question

我的网页中有几个具有相同 HREF 值的 links，这个值每天都会变化，我不想更改 links 的所有值（很容易 20 ). 我的问题是：有没有一种方法可以将值存储在 HTML 代码中的一个变量中，并使所有 link 都从该值中获取他们的 HREF？我知道它可以在 javascript 中完成，所以正确的脚本是什么，我是否必须将它放在 onload 事件中？在我用来用变量更改所有 link 的脚本下面；

<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 到 link 元素作为变量的 HREF 属性，

再次感谢大家。

Answer 1

为所有链接提供相同的 class 并使用循环设置所有链接。

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>

Link HREF 动态变量

Link HREF dynamic variable

javascript

variables

dynamic

href