Javascript 当我使用document.querySelectorAll调用JS按钮时，单击该按钮不会执行任何操作

我试图防止我无意中删除了一个带有“你确定吗？”步骤的用户，在单击“删除”按钮和它实际转到执行删除过程的页面之间

我的脚本是用php编写的，我想在JS中添加“确定”步骤

我设置了一个按钮：

<a href='/perfil/borrarUsuario.php?usuario=$userID' data-confirm='GASP! Esta seguro de querer hacer esto?' class='confirmarBorrar'><button type='button' class='btn btn-danger btn-sm'>BORRAR USUARIO</button></a>

我有一个js文件，我用它把我添加到站点的所有js片段都放进去。它在每个页面的最底部被调用，在我调用的所有其他JS库文件之后（比如jQuery）

我已将此添加到文件中：

var deleteLinks = document.querySelectorAll('.confirmarBorrar');

for (var i = 0; i < deleteLinks.length; i++) {
  deleteLinks[i].addEventListener('click', function(event) {
    event.preventDefault();

    var choice = confirm(this.getAttribute('data-confirm'));

    if (choice) {
      window.location.href = this.getAttribute('href');
    }
  });
}

var deleteLinks=document.querySelectorAll（'.confirmarborar'）；
对于（var i=0；i

我已经在添加了一个演示，它确实在那里工作，但在我的站点上它完全避免了JS调用，直接转到删除脚本

控制台什么也没说，它是空的，我已经检查了JS文件是否在html页面的末尾被正确调用

有什么不对劲吗

更新： 我已经检查了JS是否被调用，它是否被调用ok。它位于

标记的最末端

我让它工作的唯一方法是在按钮后面的

标记之间添加脚本，插入到php文件中（我知道，这不好）。

我的想法是，在我的.js文件中有某种东西阻止了特定的脚本工作

这个文件有+500行代码，我在那里做的是添加几个js函数。但我使用的是

“使用严格”作为第一行代码。我已经评论了这句话，但它仍然不起作用

唯一的解决方法是在按钮后面插入代码。
添加
console.log（deleteLinks）
在变量下方调用，查看它运行时发现的结果，并在addEventListener中调用一个，以验证它在单击时是否运行。
不允许作为
的子元素。您确实不应该使用GET-requestCheck删除记录。您的js代码在html文档中的位置。我想它在
中，或者在您的
.confirmarborar
按钮尚未加载到DOM的地方。在我添加@Marie之前，请尝试将脚本放在正确的位置，控制台显示：
NodeList[]
adda
console.log（deleteLinks）
在变量下方调用，查看它运行时发现的结果，并在addEventListener中调用一个，以验证它在单击时是否运行。
不允许作为
的子元素。您确实不应该使用GET-requestCheck删除记录。您的js代码在html文档中的位置。我想它在
中，或者在您的
.confirmarborar
按钮尚未加载到DOM的地方。在我添加@Marie之前，请尝试将脚本放在正确的位置，控制台显示：
NodeList[]