Javascript 如何编辑所有href'；单击“其他元素”上的s标记？

我有一个导航栏宽度链接，指向所有月份，并将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>

元素1
要素2

当clic other按钮时，我不需要太多更改标记，只要添加一个元素，我会很高兴=）

整个页面上的最终结果应如下所示：

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

---

对不起，我的英语不好

请将此添加到onClick函数中

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