{"id":4457,"date":"2022-08-22T23:27:14","date_gmt":"2022-08-22T17:57:14","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/"},"modified":"2022-08-22T23:27:14","modified_gmt":"2022-08-22T17:57:14","slug":"solved-click-command-not-working-on-document-getelementsbyclassname","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/","title":{"rendered":"[Solved] click() command not working on document.getElementsByClassName()"},"content":{"rendered":"<p> [ad_1]<br \/>\n<\/p>\n<div id=\"answer-39059151\" class=\"answer js-answer accepted-answer js-accepted-answer\" data-answerid=\"39059151\" data-parentid=\"39059088\" data-score=\"1\" data-position-on-page=\"1\" data-highest-scored=\"1\" data-question-has-accepted-highest-score=\"1\" itemprop=\"acceptedAnswer\" itemscope itemtype=\"https:\/\/schema.org\/Answer\">\n<div class=\"post-layout\">\n<div class=\"votecell post-layout--left\"><\/div>\n<div class=\"answercell post-layout--right\">\n<div class=\"s-prose js-post-body\" itemprop=\"text\">\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Element\/getElementsByClassName\"><code>getElementsByClassName<\/code><\/a> returns a <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/HTMLCollection\">HTMLCollection<\/a>, which is an array-like object.<\/p>\n<p>That means that in you case, you should get the element at index 0, which ideally for the kind of application that you are building should be the only one that you get:<\/p>\n<pre><code>document.getElementsByClassName('btn btn-danger btn-lg btn-block betButton')[0].click()\n<\/code><\/pre>\n<p>Otherwise your extension will probably stop working if the websites gets updated and the elements that matches your selector change order.<\/p>\n<p>Note also that as @Barmar pointed out, to filter by multiple classes with <code>getElementsByClassName<\/code> you should use spaces, not dots.<\/p>\n<p>Let&#8217;s say you have:<\/p>\n<pre><code>&lt;button class=\"a\"&gt;&lt;\/button&gt;\n&lt;button class=\"a b\"&gt;&lt;\/button&gt;\n&lt;button class=\"a.b\"&gt;&lt;\/button&gt;\n<\/code><\/pre>\n<p>Then:<\/p>\n<ul>\n<li><code>document.getElementsByClassName('a')<\/code> will return a <code>HTMLCollection<\/code> with all the elements with class <code>a<\/code>: <code>[&lt;button class=\"a\"&gt;&lt;\/button&gt;, &lt;button class=\"a b\"&gt;&lt;\/button&gt;]<\/code><\/li>\n<li><code>document.getElementsByClassName('a b')<\/code> will return a <code>HTMLCollection<\/code> with all the elements with classes <code>a<\/code> and <code>b<\/code>: <code>[&lt;button class=\"a b\"&gt;&lt;\/button&gt;]<\/code><\/li>\n<li><code>document.getElementsByClassName('a.b')<\/code> will return a <code>HTMLCollection<\/code> with all the elements with class <code>a.b<\/code>: <code>[&lt;button class=\"a.b\"&gt;&lt;\/button&gt;]<\/code><\/li>\n<\/ul>\n<p>You can use <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Document\/querySelectorAll\"><code>querySelectorAll<\/code><\/a> to be able to use selectors like <code>.a.b<\/code> or just <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Document\/querySelector\"><code>querySelector<\/code><\/a>, which instead of a <code>HTMLCollection<\/code> will return just the first element that matches the selector, so you can call <code>click<\/code> on it straight away:<\/p>\n<pre><code>document.querySelector('.btn.btn-danger.btn-lg.btn-block.betButton').click()\n<\/code><\/pre>\n<\/p><\/div>\n<div class=\"mt24\"><\/div>\n<\/div>\n<p>            <span class=\"d-none\" itemprop=\"commentCount\">0<\/span> <\/p><\/div>\n<\/div>\n<p>[ad_2]<\/p>\n<p>solved click() command not working on document.getElementsByClassName() <\/p>\n","protected":false},"excerpt":{"rendered":"<p>[ad_1] getElementsByClassName returns a HTMLCollection, which is an array-like object. That means that in you case, you should get the element at index 0, which ideally for the kind of application that you are building should be the only one that you get: document.getElementsByClassName(&#8216;btn btn-danger btn-lg btn-block betButton&#8217;)[0].click() Otherwise your extension will probably stop working &#8230; <a title=\"[Solved] click() command not working on document.getElementsByClassName()\" class=\"read-more\" href=\"https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/\" aria-label=\"More on [Solved] click() command not working on document.getElementsByClassName()\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[864,333,865],"class_list":["post-4457","post","type-post","status-publish","format-standard","hentry","category-solved","tag-google-chrome","tag-javascript","tag-scripting"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>[Solved] click() command not working on document.getElementsByClassName() - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] click() command not working on document.getElementsByClassName() - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] getElementsByClassName returns a HTMLCollection, which is an array-like object. That means that in you case, you should get the element at index 0, which ideally for the kind of application that you are building should be the only one that you get: document.getElementsByClassName(&#039;btn btn-danger btn-lg btn-block betButton&#039;)[0].click() Otherwise your extension will probably stop working ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-22T17:57:14+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] click() command not working on document.getElementsByClassName()\",\"datePublished\":\"2022-08-22T17:57:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/\"},\"wordCount\":166,\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"keywords\":[\"google-chrome\",\"javascript\",\"scripting\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/\",\"url\":\"https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/\",\"name\":\"[Solved] click() command not working on document.getElementsByClassName() - JassWeb\",\"isPartOf\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#website\"},\"datePublished\":\"2022-08-22T17:57:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jassweb.com\/solved\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] click() command not working on document.getElementsByClassName()\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jassweb.com\/solved\/#website\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jassweb.com\/solved\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jassweb.com\/solved\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\/\/jassweb.com\/solved\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"contentUrl\":\"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"contentUrl\":\"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\/\/jassweb.com\"],\"url\":\"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] click() command not working on document.getElementsByClassName() - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] click() command not working on document.getElementsByClassName() - JassWeb","og_description":"[ad_1] getElementsByClassName returns a HTMLCollection, which is an array-like object. That means that in you case, you should get the element at index 0, which ideally for the kind of application that you are building should be the only one that you get: document.getElementsByClassName('btn btn-danger btn-lg btn-block betButton')[0].click() Otherwise your extension will probably stop working ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/","og_site_name":"JassWeb","article_published_time":"2022-08-22T17:57:14+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] click() command not working on document.getElementsByClassName()","datePublished":"2022-08-22T17:57:14+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/"},"wordCount":166,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["google-chrome","javascript","scripting"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/","url":"https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/","name":"[Solved] click() command not working on document.getElementsByClassName() - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2022-08-22T17:57:14+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-click-command-not-working-on-document-getelementsbyclassname\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] click() command not working on document.getElementsByClassName()"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/image\/","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1775798750","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/4457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=4457"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/4457\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=4457"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=4457"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=4457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}