Question

我搜索并搜索了与我的问题相似的问题，但要么是用其他语言进行的测试，要么没有回答，所以我不得不提一个问题。我为Chrome编写了一个插件，现在写插件的网站出现了问题最近，该网站上已添加了2个按钮

我想编写一个函数，不断检查是否有一个按钮（refresh_button）来单击它。然后将打开一个新页面，其中包含一个名为（play_button）的按钮检查它是否存在。点击它

这是我要执行的功能，但是不起作用

var t_refreshBtn=document.getElementsByClassName("refresh_button")[0];
var t_playBtn=document.getElementsByClassName("play_button")[0];
var interval = 10;
var timer = window.setInterval(function(){
    if($('#refresh_button').length > 0){
    t_refreshBtn.click();
        }
     window.clearInterval(timer);

}, interval);

Answer 1

const button = $('#refresh_button');

button.length > 0 ? button.click() : alert('No button for you') // BOOM 1 liner

Answer 2

我看到您正在使用JQuery。您可以尝试。

 if($('#refresh_button').length > 0){
    $('#refresh_button').trigger("click");
 }

Answer 3

仅检查您的t_refreshBtn是否存在，然后绑定click()事件，否则就可以做任何事情：

var t_refreshBtn=document.getElementsByClassName("refresh_button")[0];
var t_playBtn=document.getElementsByClassName("play_button")[0];
var interval = 1000;
var timer = window.setInterval(function(){
    if(t_refreshBtn){
       t_refreshBtn.click();
    }else{
       console.log("Button not found");
    }
    window.clearInterval(timer);

}, interval);

如果按钮存在，则单击它

3 个答案: