我必须多次使用我的脚本与 document.getElementById("")

Question

我正在制作一个布局，其中每个框都必须使用... id =“top1”，id =“top2”，id =“top3”等...这样，当您单击它时，它会转到顶部文档，但我找不到一种方法来实现这一点，谁可以只使用一个函数来执行此操作而不重复多次？我将非常感激听到解决方案，提前致谢

我尝试执行类似的操作，以便单击每个框使文档滚动到顶部：

const top1 = document.getElementById("top1, top 2, top3")
   top1.addEventListener('click', () => {
         window.scrollTo(0, 0)
       })

Answer 1

document.getElememtById()

一次只能搜索一个ID。

不要使用不同的ID。给它们全部

class="top"

，然后你可以用

document.querySelectorAll(".top")

得到它们，并循环这个结果。

document.querySelectorAll(".top").forEach(top => top1.addEventListener('click', () => {
  window.scrollTo(0, 0)
}));

Answer 2

如果你真的想坚持这个计划：

语句

getElementById("top1, top 2, top3")

将获取id为

top1, top 2, top3

的元素，我认为该元素不存在。

您应该将每个元素视为

getElementById("top1")

,

getElementById("top2")

, ...

我会使用一个循环，直到

getElementById("topX")

返回 null（这意味着这是使用这种 id 声明的最后一个元素）。