javascript - 有没有办法使用 JavaScript 更改/添加到 HTML 中的多个 ID/类？

Question

我目前有一个具有多种不同表单的网站，每个表单都需要在它们之间传递参数，我试图在每个链接的末尾传递参数，但它目前不起作用，这是我尝试过的：

HTML

<ul>
<li><a href="https://demonstrationlink.com" class="testClassGroup1">Link 1</a></li>
<li><a href="https://demonstrationlink.com" class="testClassGroup1">Link 2</a></li>
<li><a href="https://demonstrationlink.com" class="testClassGroup1">Link 3</a></li>
<ul/>

Javascript：

document.getElementsByClassName("testClassGroup1").href = document
  .getElementsByClassName("testClassGroup1").href + formparams + websiteparams;

所以我希望 JavaScript 行影响所有 3 个链接（Group1），所以如果可能的话，我不必为每个链接编写它？因为我将有多个链接，总共有相当多的组将成为大量的代码。

任何帮助将不胜感激！

谢谢

沃布拉克斯

标签： javascripthtmlparametershyperlink

Answer 1

我认为您需要的是 querySelectorAll https://developer.mozilla.org/en-US/docs/Web/API/Element/querySelectorAll

<ul id="ulId">
  <li><a href="https://demonstrationlink.com" class="testClassGroup1">Link 1</a></li>
  <li><a href="https://demonstrationlink.com" class="testClassGroup1">Link 2</a></li>
  <li><a href="https://demonstrationlink.com" class="testClassGroup1">Link 3</a></li>
<ul/>


//Javascript
let ulId = document.getElementById('ulId')
let list = ulId.querySelectorAll('.testClassGroup1')

list.foreach(function(item){
   //action here
});