Расширение Chrome JS .click(); не работает

Question

Итак, ребята, позвольте мне объяснить эту проблему, весь код работает нормально, но .click не работает, пытаясь заставить его щелкнуть по кнопке веб-сайта, но по какой-то причине его не нажимает на это, это ошибка или что-то еще?

спасибо.

КОД:

document.addEventListener('DOMContentLoaded', function() { 

    document.getElementById('status').textContent = "Going To Localhost"; 
    chrome.tabs.query({ active: true, currentWindow: true }, function(tabs) { 
     chrome.tabs.update(tabs[0].id, { url: "http://localhost/" }); 
    }); 
    var button = document.getElementById("mybutton"); 
    button.addEventListener("click", function() { 
     chrome.tabs.executeScript(null, {code: 'document.getElementById("username").value = "user";'}, function(){ 
      chrome.tabs.executeScript(null, {code: 'document.getElementById("password").value = "pass";'}, function(){ 
       chrome.tabs.executeScript(null, {code: 'var this_button = document.getElementsByClassName("btnLogin"); this_button.click();'}, function(){ 
       }); 
      }); 
     }); 
    }, false); 

},function(errorMessage) { 
    alert(errorMessage); 
    }); 

Answer 1

getElementsByClassName (обратите внимание на плюрализацию) возвращает NodeList. Таким образом, вы должны были бы получить доступ к первому элементу, как:

chrome.tabs.executeScript(null, {code: 'var this_button = document.getElementsByClassName("btnLogin"); this_button[0].click();'}); 

ИЛИ, современный браузер, Chrome, вы можете использовать вместо querySelector:

chrome.tabs.executeScript(null, {code: 'var this_button = document.querySelector(".btnLogin"); this_button[0].click();'});