Javascript 点击事件在 wordpress 上不起作用

Question

我需要通过点击一些元素来调用函数。

试了好几种方法好像都不想开火。有问题的元素是由 wordpress 上的“quiz master and survey”插件生成的。

有人知道问题出在哪里吗？提前致谢！

    window.onload = function() {
    document.querySelectorAll('.qsm_check_answer').addEventListener("click",function(e){
        var correctInfo = document.querySelector('#correct-info');
        correctInfo.classList.add("d-none");
     });
  };

或

document.querySelectorAll(".qsm_check_answer").addEventListener("click", function () {
    document.querySelector("#correct-info").style.display = "none";
  });

或

window.onload = function () {
  var checkboxQ = document.querySelectorAll(".qsm_check_answer");

  checkboxQ.onclick = function () {
    var correctInfo = document.querySelector("#correct-info");
    correctInfo.classList.add("d-none");
  };
};

Dom的截图：

Answer 1

querySelectorAll returns 文档中匹配选择器的所有元素。您需要访问具有索引的元素：

document.querySelectorAll(".qsm_check_answer")[0]

这里 link 提供有关 MDN 的更多信息。

Javascript 点击事件在 wordpress 上不起作用

Javascript click event doe not work on wordpress

javascript

wordpress

onclick

dom-events

onclicklistener