如何点击没有名称或ID的按钮？

Question

如何点击此按钮，没有ID或名称：

<input type="submit" class="btn float_right btn" style="margin-top: 10px; margin-bottom: 10px;" value="Calcular" />

我试过了：

document.getElementsByClassName("btn float_right btn").click()

和

document.getElementsByClassName("btn float_right btn")[0].click()

没有成功。

控制台出错：

ERROR: Execution of script 'PP$1s' failed! document.getElementsByClassName(...).click is not a function

Answer 1

您可以使用labs(fill = "yourFillName")并按类定位一个特定元素。如果您想要更具体的选择器，可以使用类似querySelector()

的内容

＆＃13;

＆＃13;

input[type="submit"].btn.float_right

＆＃13;

document
  .querySelector('.btn.float_right')
  .addEventListener('click', function() {
    console.log(this.value)
  })

＆＃13;

＆＃13;

＆＃13;

Answer 2

document.getElementsByClassName("btn float_right")[0].click();

<input onclick='alert("You clicked!")' type="submit" class="btn float_right" style="margin-top: 10px; margin-bottom: 10px;" value="Calcular" />

这不是问题，但重复了btn课

Answer 3

尝试拥有最具体的选择器，以避免“点击”其他内容......

document.querySelector('input[value="Calcular"]').click();

演示：https://jsfiddle.net/3v7hd2vx/420/

Answer 4

您可以使用此方法检查以获取正确的DOM。

console.log(document.getElementsByClassName("btn float_right")[0]);

如果有其他DOM具有＆＃34; classname＆＃34;属性名称喜欢它，你不能得到coreect DOM。

Answer 5

现在弹出一个对话框。我想点击按钮：

<button class="btn evt-confirm-btn btn-confirm-yes" aria-label'confirmar'="">Confirmar</button>

我试过了：

document.querySelector('input[value="Confirmar"]').click();

和

document.getElementsByClassName("evt-confirm-btn btn-confirm-yes")[0].click();

没有工作。它可以与弹出对话框有关吗？