javascript 显示 .onclick 属性为空

Question

当我尝试更改 .onclick 属性时，它不起作用，所以我尝试调试，当我提醒 document.onclick 属性我发现 java 脚本说它的值为空。 java脚本中的命令：

document.getElementById("switch").onclick = "autoSlides(2)";

HTML:

  <label class="switch">
      <input type="checkbox" id="switch" onclick="autoSlides(1)" />
      <div class="slider"></div>
  </label>

完整 Javascript:

function autoSlides(x) {
    var timeOut;
    if (x == 2) {
        timeOut = null;
        document.getElementById("switch").onclick = "autoSlides(1)"
    }
    if (x == 1) {
        plusSlides(1);
        document.getElementById("switch").onclick = "autoSlides(2)";
        timeOut = setTimeout(function () { autoSlides(1) }, 4000);
    }
}

Answer 1

这是因为您正在向 onclick 事件添加字符串。

而不是

document.getElementById("switch").onclick = "autoSlides(2)";

使用：

document.getElementById("switch").onclick = function() {autoSlides(2)};  // calling a function autoSlides()

javascript 显示 .onclick 属性为空

javascript showing .onclick property as null

javascript

jscript

javascript 显示 .onclick 属性 为空

javascript showing .onclick property as null

javascript

jscript

javascript 显示 .onclick 属性为空