javascript - 尝试在元素出现时执行点击功能

Question

基本上，我在一个网站上工作，该网站在完成表单后会显示一个提交按钮。我想要的是创建一个功能，当提交按钮出现时会自动单击它(没有选择返回和审查工作，所以我什至不知道它为什么在那里)。为此，我已经在 chrome 上使用了带有 Tampermonkey 的用户脚本，并想添加这最后一 block 来加快速度。

因此本网站 html 中特定提交按钮的代码是:

<form style="width:auto;" id="siteform" action="https://www.example.com" method="post">
        <!--
        <input type="hidden" id="numTags" name="numTags" value="< %= numTags %>" />
        <input type="hidden" id="numMaps" name="numMaps" value="< %= current_map_count %>" />
        <input type="hidden" id="numQuestions" name="numQuestions" value="< %= current_question_count %>" />
        <input type="hidden" id="challenge" name="challenge" value="< %= challenge %>" />
        -->
        <input type="hidden" id="assignmentId" name="assignmentId" value="3WSELTNVR4VI8OKXJT4767WDMN3ATT">
        <input type="hidden" id="hitId" name="hitId" value="3H1C3QRA01C1P014N961OWQHFGQCEF">
        <input type="hidden" id="workerId" name="workerId" value="id1">
        <button type="submit">Finished! Click here to submit HIT</button>
    </form>

我能找到的最接近我需要的东西是使用函数

if ($(#'element').is(':visible')){}

虽然这在理论上是我想要的，但它行不通。比如我试过

if ($("button[type='submit']").is(':visible')){
     $("button[type='submit']").click();

运气不好。我对 javascript 和 jQuery 还是很陌生，所以我的搜索可能没有任何结果，因为我还在学习行话。有什么建议么？谢谢

Answer 1

document.getElementById('siteform').submit();

无需处理点击按钮，只需使用提交功能。