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:
xxxxxxxxxx1
<div id="my-element1" onclick="console.log('1')"></div>2
<div id="my-element2" onclick="console.log('2')"></div>3
<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:
xxxxxxxxxx1
2
<html>3
<body>4
<div id="my-element1" onclick="console.log('1')"></div>5
<div id="my-element2" onclick="console.log('2')"></div>6
<div id="my-element3" onclick="console.log('3')"></div>7
<script>8
9
var elements = document.querySelectorAll(`div[id^="my-element"]`);10
11
for (var i = 0; i < elements.length; ++i) {12
elements[i].click();13
}14
15
</script>16
</body>17
</html>
References
0 commentsShow commentsAdd comment
