Detect a button and then press it in JavaScript

user_13786889 0
Viewed 41

I want to make a function that would detect a button on a web page and then click it. But I want it to click a specific item.

function imready()
{
    var btn = document.getElementsByClassName('text-xxxs mb-02');
    for (var i = 0; i < btn.length; i++)
    {
        if (btn[i].innerText.indexOf('AK-47') > -1)
        {
            console.log('runtime');
            chrome.runtime.sendMessage({ type: 'dontrun', update: 1 }, function (response) {
        });
        btn[i].click();
        pressok();
    }
 }

How do I make it so that the var "btn" should equal to document.getElementsbyClassName('x') and also a different className ('y')?

event-handling function javascript
2 Answers

As far as i understand your question, you can use document.querySelector('.classX.classY') to select the needed button with both classes. That works for the case if you only need one button on the page selected, from your code i assume exactly that.

user_96356720

Quoting from https://stackoverflow.com/a/29366682/10450049

getElementsByClassName() returns an HTMLcollection object which is similar to an array but not really an array so you can't call array methods using the returned value. One hack is to use Array's prototype methods along with .call()/.apply() to pass the returned object as the context.

var elems = document.getElementsByClassName("royal") ;
var collapsedElems =  document.getElementsByClassName("collapsed");
var earray = Array.prototype.slice.call(elems, 0);
var concatenated = earray.concat.apply(earray, collapsedElems) ;
console.log(concatenated)

Demo Fiddle

user_104500490
Related