EN
JavaScript - simulate mouse click on multiple elements?
1
answers
0
points
Can you tell me how to simulate mouse click on multiple div elements using JavaScript?
Let's say I have three div elements:
<div id="my-element1" onclick="console.log('1')"></div>
<div id="my-element2" onclick="console.log('2')"></div>
<div id="my-element3" onclick="console.log('3')"></div>
I want a for loop that loops through all my-elements and fires their onclick event.
1 answer
0
points
You can use querySelectorAll() to get handles to all the elements and then inside a for loop execute click() method on each element.
Practical example:
// ONLINE-RUNNER:browser;
<!doctype html>
<html>
<body>
<div id="my-element1" onclick="console.log('1')"></div>
<div id="my-element2" onclick="console.log('2')"></div>
<div id="my-element3" onclick="console.log('3')"></div>
<script>
var elements = document.querySelectorAll(`div[id^="my-element"]`);
for (var i = 0; i < elements.length; ++i) {
elements[i].click();
}
</script>
</body>
</html>
References
0 comments
Add comment