I grab all elements by a specific class name like below:
var button = document.getElementsByClassName('submit')
I would like to iterate through what is retrieved and click on all buttons with that class name. I tried something like
for(var i in button){
i.click()}
But that does not seem to work. How would I go about clicking each button that is retrieved?
There are lots of ways you can do it, but you can do it like this:
const btns = document.querySelectorAll('.anyButtonClass');
btns.forEach(function(btn){
// when ever this code runs, it will automatically click all your buttons
btn.click();
console.log(btn.innerHTML);
// btn.addEventListener('click', function(e){
// console.log(btn.textContent);
// })
})<div class="btn-container">
<button class="anyButtonClass">Click Me 1</button>
<button class="anyButtonClass">Click Me 2</button>
<button class="anyButtonClass">Click Me 3</button>
</div>