JavaScript自动点击脚本仅支持ID，请求改为支持类名

你遇到的核心问题有两个：一是方法名拼写错误，二是类名选择器返回的是元素集合而非单个元素，不能直接复用ID选择器的逻辑。

错误分析 #

1. 拼写错误：你写的getElementByClassName是错的，正确方法名是getElementsByClassName（末尾带s，表示返回多个元素）
2. 返回值类型问题：getElementsByClassName返回的是HTMLCollection（类数组集合），不是单个DOM元素，因此不能直接对集合调用addEventListener或click方法，必须遍历集合处理每个元素。

修正后的代码 #

<!-- 多个带目标类名的元素示例 -->
<a href="https://www.google.com" class="hello-btn" target="blank">Google</a>
<a href="https://www.github.com" class="hello-btn" target="blank">GitHub</a>

<script>
// 获取所有类名为hello-btn的元素集合
const helloBtns = document.getElementsByClassName("hello-btn");

// 遍历集合，给每个按钮绑定点击事件
for (const btn of helloBtns) {
  btn.addEventListener("click", () => {
    console.log(`按钮被点击：${btn.textContent}`);
  });
}

// 设置定时任务，每隔4秒自动点击所有目标按钮
const interval = window.setInterval(() => {
  for (const btn of helloBtns) {
    btn.click();
  }
}, 4000);
</script>

额外可选方案 #

如果更习惯使用querySelector系列方法，也可以这样写：

<a href="https://www.google.com" class="hello-btn" target="blank">Google</a>
<a href="https://www.github.com" class="hello-btn" target="blank">GitHub</a>

<script>
// querySelectorAll返回NodeList集合，同样需要遍历
const helloBtns = document.querySelectorAll(".hello-btn");

helloBtns.forEach(btn => {
  btn.addEventListener("click", () => {
    console.log(`按钮被点击：${btn.textContent}`);
  });
});

window.setInterval(() => {
  helloBtns.forEach(btn => btn.click());
}, 4000);
</script>

内容的提问来源于stack exchange，提问作者Hansika