主页 / 问题 / 1142451
Accepted
Ilnyr
Asked:2020-06-18 06:02:02 +0800 CST2020-06-18 06:02:02 +0800 CST

在 JS 中 onclick=function 只触发一次

  • 772

有链接：

<a href="" target="_blank">Ссылка 1</a>
<a href="" target="_blank">Ссылка 2</a>
<a href="" target="_blank">Ссылка 3</a>

当您单击第一个链接时，它会在一个新窗口中打开，并且该链接本身应该被删除。为此，我编写了以下代码：

document.querySelectorAll("a")[0].onclick=function(){this.remove();}

原来是这个答案：

<a href="" target="_blank">Ссылка 2</a>
<a href="" target="_blank">Ссылка 3</a>

一切根据需要。但是由于某种原因，在第二次单击（在链接 2 上）时，它不起作用。

如何让每次点击都有效？

javascript

1 个回答

  1. Best Answer

    [0]在你看来，它是为了什么？在 JS 中，计数从零开始，并document.querySelectorAll返回一个编号的元素列表。每个元素都可以通过[номер]. 您仅在 null 元素上添加了处理程序。

    为了避免手动编写所有这些，有循环：

    document.querySelectorAll("a").forEach(function(anchor) {
  anchor.addEventListener("click", function() {
    this.remove();
  });
})
    <a href="#" target="_blank">Ссылка 1</a>
<a href="#" target="_blank">Ссылка 2</a>
<a href="#" target="_blank">Ссылка 3</a>

    或者，经典：

    let anchor = document.querySelectorAll("a");
for( let i = 0; i < anchor.length; i++ ) {
  anchor[i].addEventListener("click", function() {
    this.remove();
  });
}

    http://learn.javascript.ru/
    https://developer.mozilla.org/ru/

    • 1

相关问题