如何在单击其他元素时编辑所有 href 的标签？

Question

我有一个指向所有月份的导航栏宽度链接，带有指向月份和年份的 get 属性。

<a href="?ano=2018&mes=09" class="change">Sep</a>
<a href="?ano=2018&mes=10" class="change">Oct</a>
<a href="?ano=2018&mes=11" class="change">Nov</a>
<a href="?ano=2018&mes=12" class="change">Dec</a>

我想在单击页面中的另一个元素时向所有标签添加另一个 get attr，如下所示：

<button onclick="add-to-href('&element=1')on-every('.change')">Element 1</button>

<button onclick="add-to-href('&element=2')on-every('.change')">Element 2</button>

点击其他按钮时我不需要太多更改标签，只需添加一个元素我会很高兴=)

整个页面的最终结果应该是这样的：

<a href="?ano=2018&mes=09&element=1" class="change">Sep</a>
<a href="?ano=2018&mes=10&element=1" class="change">Oct</a>
<a href="?ano=2018&mes=11&element=1" class="change">Nov</a>
<a href="?ano=2018&mes=12&element=1" class="change">Dec</a>

对不起我的英语

Answer 1

将此添加到您的 onClick 函数中

document.querySelectorAll(".change").forEach(v => {
 v.setAttribute('href', v.getAttribute('href') + '&element=1');
});

如何在单击其他元素时编辑所有 href 的标签？

How to edit all the href's tags on click other element?

html

javascript

tags

href