javascript - 无法使用javascript获取数组中当前单击元素的索引

Question

这是我的 HTML 代码

var link = document.getElementsByClassName("link");
for (i = 0; i < link.length; i++) {
  link[i].addEventListener("click", click);

  function click() {
    console.log(link.indexOf(this));
  }
}

<div class="links">
  <ul>
    <li>
      <div class="hole-counter"><span></span></div><a class="link">Home</a>
    </li>
    <li>
      <div class="hole-counter"><span></span></div><a class="link">About</a>
    </li>
    <li>
      <div class="hole-counter"><span></span></div><a class="link">Gallery</a>
    </li>
    <li>
      <div class="hole-counter"><span></span></div><a class="link">Contact</a>
    </li>
  </ul>
</div>

这是 JavaScript 代码

我在控制台中收到此错误未捕获的类型错误:link.indexOf 不是 HTMLAnchorElement.click 处的函数 (index.html:97)

Answer 1

您的链接变量不是数组，因此您不能对其调用indexOf()。您必须首先将链接转换为数组。var link = Array.from(document.getElementsByClassName("link"));