html - 我无法弄清楚为什么我的 js 脚本实际上并没有通过使用 querySelector() 导航到另一个页面

Question

我的脚本中有一个查询选择器，它设置为匹配页面上的单个元素，即“下一步”按钮。通常，当用户单击此按钮时，它会将他们带到下一个问题。我已经通过使用 firefox dev edition 的即时评估确认选择器正在工作，并使用基本的 console.log 语句来确保我的脚本正在执行到 queryselector 将评估按钮的位置。不管出于什么原因，即使我删除了页面上的所有其他按钮，该按钮的 .click() 函数仍会将浏览器导航到一个页面，而不是每次运行时下一个按钮将用户带到的页面作为我程序之外的一行。

这是我匹配的元素：

<button type="submit" class="btn submit_button quiz_submit btn-secondary" id="submit_quiz_button" data-action="">
      Submit Quiz
    </button>`

这是我正在使用的选择器

document.querySelector("div#questions.assessing div.button-container input#last_question_id+button.Button.submit_button.next-question")

标签： htmlcsscss-selectors