Question

我正在尝试使用用户脚本来点击按钮。根据inspect元素，按钮看起来像：

<div class="q-w-btn cl"></div>

方便的是，Web开发人员忽略了在那里放了一个id，所以我无法通过id选择它然后使用click函数（他们在JavaScript中称为函数吗？我不是该语言的专家）。

我尝试过很多很多种不同的方式，并且所有方法都成功地无法点击按钮。

非常感谢任何帮助，感谢您阅读我的问题。

Answer 1

您可以简单地使用CREATE TABLE ClassEvent ( crn INT REFERENCES Sections(crn) NOT NULL, professorID INT REFERENCES Professors(professorID) NOT NULL, day TEXT NOT NULL, startTime TIME NOT NULL, endTime TIME, location TEXT, campus TEXT, CHECK(day = 'Monday' OR day = 'Tuesday' OR day = 'Wednesday' OR day = 'Thursday' OR day = 'Friday' OR day = 'Saturday' OR day = 'Sunday' OR day = NULL), PRIMARY KEY(crn, day, startTime,professorID) );并在其上绑定点击事件，例如 -

document.getElementsByClassName('q-w-btn')

var button = document.getElementsByClassName('q-w-btn')[0];
button.addEventListener('click', function () {
  alert('here');
});

Answer 2

您也可以在类似下面的Java脚本中按类名获取元素

document.getElementsByClassName("q-w-btn");

但请注意，此函数将以数组的形式返回具有指定类名的文档中的所有元素。因此，如果您的文档只有一个具有此类的元素，那么您需要获得第一个元素，如下所示。

document.getElementsByClassName("q-w-btn")[0];

是的，在java脚本中，它被称为函数，你可以在这里查看约定http://javascript.crockford.com/code.html。

Answer 3

请尝试以下代码（在＆lt; / body＆gt;之前插入脚本）：

var btn = document.querySelector('.q-w-btn.cl');
if (btn) {
    btn.addEventListener('click', onButtonClick);
}

function onButtonClick(evt) {
    console.log('the click event is trigger');
}

Answer 4

这（由Ramin提供）为我工作：

var btn = document.getElementsByClassName("q-w-btn")[0]; btn.click();

感谢所有帮助我学习和解决问题的人。

<div>类按钮单击

4 个答案: