Simulate click on one element with JS or Jquery when clicking a different element

Question

I want one item to be clicked when I click on a different one, but I keep seeing these complicated answers that, frankly, don't make any sense. I feel like it should be easy as this, but this doesn't work.

<div class="myElement" onclick="myFunction()"></div>
<a href="https://example.com" class="myElement2"></a>

function myFunction() {
  document.getElementsByClassName('myElement2').click();
}

Does this answer your question? [What do querySelectorAll and getElementsBy\* methods return?](https://stackoverflow.com/questions/10693845/what-do-queryselectorall-and-getelementsby-methods-return) — evolutionxbox, Nov 23 '21 at 00:38

z7z8th · Answer 1 · 2021-11-23T00:46:44.997

There're some points you need to know:

getElementsByClassName returns an array
there have to be something in the <div>, otherwise it's height is 0px, so you have no where to click

try this one:

<script>
function myFunction() {
    for (let e of document.getElementsByClassName('myElement2')) {
        e.click();
    }
}
</script>

<div class="myElement" onclick="myFunction()">
    hello
</div>
<a href="https://example.com" class="myElement2"></a>

Simulate click on one element with JS or Jquery when clicking a different element

1 Answers1