javascript - 如何将 getElementById 中的 id 号存储在变量中，然后在 onClick 事件中使用它？

Question

我试图通过使用函数在单击按钮时更改浏览器中的 href 地址，从我的 esp8266 脚本中删除一些代码。我希望将 id 号存储在变量中，以便在单击特定按钮 id 时可以重用它来设置 pin 号。

function myFunction() {
  console.log("button was clicked");
  var x = document.getElementById(Element.id);
  console.log(x);

  document.getElementById(x).setAttribute("onClick",
      "javascript:window.location.href='/toggle?pin_number='" + x);
}

<button class="button" id="4" onClick="myFunction()">TOGGLE D4</button><br>
<button class="button" id="5" onClick="javascript:window.location.href='/toggle?pin_number=5'">TOGGLE D5</button><br>
<button class="button" id="6" onClick="javascript:window.location.href='/toggle?pin_number=6'">TOGGLE D6</button><br>

console.log(x) 返回 null。

我不知道这是否是最好的方法，因为我是 javascript 的新手。

Answer 1

谢谢大家。我现在明白了。

function myFunction(x) {
console.log(x.id);
window.location.href='/toggle?pin_number=' + x.id;
}

已测试并正常工作:)