javascript - 如何在按钮上使用 onclick 函数。当Button没有ID和Name时，它只有class？

Question

我在 Javascript 考试中遇到了这个问题。所以我必须使用JS来解决这个问题

我如何在按钮上使用 onclick 函数，因为没有 id 和名称。

那么在这段代码中我可以使用 document.getelementsbyclass 吗？或者哪个更好？以及如何使用 document.getelementsbyclass 或任何其他函数来检索和存储 onclick 按钮数据

按钮 type="submit"height="40px"color="white"class="Button1"> span Let's GO span 按钮

谢谢

我没有尝试过任何东西，因为我不知道正确的编码。我正处于自学研究阶段。

<button type="submit" height="40px" color="white" class="Button1"><span>Let's GO</span></button>

Answer 1

您可以使用document.querySelector

console.log(document.querySelector(".Button1"))

<button type="submit" height="40px" color="white" class="Button1"><span>Let's GO</span></button>

onclick 您可以使用 this 关键字将元素本身传递给函数

function a(ele)
{
console.log(ele)
}

<button type="submit" height="40px" color="white" class="Button1" onclick="a(this)"><span>Let's GO</span></button>